1. 程式人生 > >Android中HorizontalScrollView的使用總結

Android中HorizontalScrollView的使用總結

HorizontalScrollView是Google推出的用來滾動檢視檢視的控制元件,已經替代了Gallery。

由於HorizontalScrollView繼承自FrameLayout,這意味著你只能在它下面放置一個子控制元件,即在控制元件內部只能放一個字控制元件(一般使用LinearLayout),但是子控制元件可以包含很多。

缺點:HorizontalScrollView控制元件內部的View是不會進行回收複用的,有多少張圖片就建立多少個檢視。這樣做比較消耗記憶體,如果進行大量的圖片展示,會出現OOM的錯誤。

實現步驟:
1.建立一個HorizontalScrollView控制元件,在其內部新增一個LinearLayout子控制元件(設定id),因為我們只使用LinearLayout子控制元件來新增檢視,所以HorizontalScrollView不用初始化。
2.建立資料集,然後例項化子控制元件LinearLayout。
3.建立行佈局,尋找行佈局,初始化子控制元件。
4.將行佈局新增到LinearLayout中顯示。

MainActivity.java
package com.zhiyuan3g.horizontalscrollview;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

    private int[] image = {R.drawable.aoly, R.drawable.jie,
            R.drawable.jks, R.drawable.yasu, R.drawable.zhaozilong};
    private LinearLayout linear1;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
    }

    private void initView() {
        linear1 = (LinearLayout) findViewById(R.id.linear1);
        for (int x=0; x<image.length ;x++){
            //建立一個佈局填充器,將我們寫好的佈局放入進去
            View inflate = View.inflate(this, R.layout.linear_item, null);
            //通過佈局填充器找到控制元件
            ImageView imageView = (ImageView) inflate.findViewById(R.id.imageView);
            TextView textView = (TextView) inflate.findViewById(R.id.textView);
            //給控制元件賦值
            imageView.setImageResource(image[x]);
            textView.setText("第"+(x+1)+"個");
       //將佈局填充器載入到LinearLayout中進行顯示
       linear1.addView(inflate);
        }
    }
}
activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.zhiyuan3g.horizontalscrollview.MainActivity">


    <HorizontalScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        >

        <LinearLayout
            android:id="@+id/linear1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

        </LinearLayout>

    </HorizontalScrollView>
</RelativeLayout>


效果圖: