Android 基础控件(三)

10.ScrollView

当界面上要展示的内容大于一屏时，我们就会用到滚动视图或者滚动视图的子类。
ScrollView 仅可以上下滚动。
而HorizontalScrollView只可以左右滑动。

但是滚动视图内只能有一个视图，所以一般都是将多个视图放在layout内。
示例代码：

<ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textSize="40sp"
                android:text="Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!"
                />

        </LinearLayout>

    </ScrollView>

而HorizontalScrollView与 ScrollView用法类似。

<HorizontalScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">
            <TextView
                android:layout_width="800dp"
                android:layout_height="wrap_content"
                android:textSize="40sp"
                android:text="Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!"
            />
        </LinearLayout>

    </HorizontalScrollView>

11.WebView

<WebView
        android:id="@+id/content_webView"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
</WebView>


WebView webView = (WebView)findViewById(R.id.content_webView);
        webView.loadUrl("http://www.sina.com");

        WebSettings settings = webView.getSettings();
        settings.setJavaScriptEnabled(true);
        
        webView.setWebViewClient(new WebViewClient(){

            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                // 重写该方法，防止加载网页时，自动打开系统浏览器
                view.loadUrl(url);

                return true;
            }
        });

12.ListView

ListView就相当于iOS中的UITableView，主要用于显示内容基本一样的视图。

    <ListView
        android:id="@+id/content_list_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    </ListView>
    
     private String[] data = { "苹果", "橘子", "香蕉", "桃子", "梨", "猕猴桃", "西瓜", "葡萄", "菠萝", "芒果", "红枣", "杨桃", "樱桃", "哈密瓜", "龙眼", "荔枝"};
     
     ListView listView = (ListView)findViewById(R.id.content_list_view);
        ArrayAdapter<String> adapter = new ArrayAdapter<>(MainActivity.this, android.R.layout.simple_list_item_1, data);
        listView.setAdapter(adapter);

当然，如果我们要的Cell样式比较复杂，就得自定义Adapter 和 item了。

首先，创建一个表示某一行展示内容的视图，比如叫 custom_list_view_item.xml。
示例代码：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <ImageView
        android:id="@+id/item_image_view"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_margin="8dp"
        android:background="#666666"
        />

    <TextView
        android:id="@+id/item_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:textSize="30sp"
        android:text="这是标题"/>

</LinearLayout>

然后，创建一个Adapter继承自BaseAdapter，其实主要是实现接口类Adapter的一些方法。

示例源码：

package com.example.harvey.firstproject;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import java.util.ArrayList;

public class CustomItemAdapter extends BaseAdapter {

    private ArrayList mData;
    private Context mContext;

    public CustomItemAdapter(ArrayList data, Context context) {
        this.mData = data;
        this.mContext = context;
    }

    @Override
    public int getCount() {
        return mData.size();
    }

    @Override
    public Object getItem(int position) {
        return null;
    }


    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View view, ViewGroup viewGroup) {
        if (view == null) {
            view = LayoutInflater.from(mContext).inflate(R.layout.custom_list_view_item, viewGroup, false);
        }

        String title = mData.get(position).toString();

        // 初始化item的各个组件
        ImageView imageView = (ImageView)view.findViewById(R.id.item_image_view);
        imageView.setImageResource(R.drawable.flower);

        TextView textView = (TextView)view.findViewById(R.id.item_title);
        textView.setText(title);

        return view;
    }
}

最后，在Activity中为listView设置数据源即可。

ListView listView = (ListView)findViewById(R.id.content_list_view);
        ArrayList<String> list = new ArrayList<String>();
        for (int i = 0; i < data.length ; i++) {
            list.add(data[i]);
        }
        CustomItemAdapter adapter = new CustomItemAdapter(list, MainActivity.this);
        listView.setAdapter(adapter);

Android 基础控件(三)

10.ScrollView

11.WebView

12.ListView

猜你喜欢