Android開発:RecyclerViewの使用(一)

“ ”
記事を表示する

アンドロイド開発:RecyclerViewの使用(一)

アンドロイド開発:RecyclerViewの使用(二)

アンドロイド開発:RecyclerViewの使用(三)

RecyclerViewの基本的な使い方
app/buildを開きます.gradleファイル、dependencies閉パッケージに次の内容を追加します.

compile 'com.android.support:recyclerview-v7:24.2.1' 

追加が終わったら、Sync Nowをクリックして同期してください.次にactivity_を変更しますmain.xmlのコードは、次のようになります.

新規Fruitクラスとfruit_item.xml、コードは以下の通りです.

public class Fruit {
     private String name;
     private int imageId; 
     public Fruit(String name, int imageId) {
         this.name = name;
         this.imageId = imageId;
     }
     public String getName() {
         return name;
     }
     public int getImageId() {
         return imageId;
     }
} 

Fruitクラスには2つのフィールドしかなく、nameは果物の名前を表し、imageIdは果物対応画像のリソースidを表す.
次に、layoutディレクトリの下にfruit_を新規作成するカスタムレイアウトを指定する必要があります.item.xml、コードは以下の通りです.

次に、RecyclerViewにアダプタを用意し、Fruit Adapterクラスを新規作成し、このアダプタをRecyclerViewから継承する必要があります.Adapterは、汎用型をFruit Adapterとして指定する.ViewHolder.ここで、ViewHolderは、以下に示すように、Fruit Adapterで定義した内部クラスです.

public class FruitAdapter extends RecyclerView.Adapter {
     private List mFruitList;
     static class ViewHolder extends RecyclerView.ViewHolder {
         ImageView fruitImage;
         TextView fruitName;
         public ViewHolder(View view) {
             super(view);
             fruitImage = (ImageView) view.findViewById(R.id.fruit_image);
             fruitName = (TextView) view.findViewById(R.id.fruit_name);
         }
     }
     public FruitAdapter(List fruitList) {
         mFruitList = fruitList;
     }
     @Override
     public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
         View view = LayoutInflater.from(parent.getContext())
             .inflate(R.layout.fruit_item, parent, false);
         ViewHolder holder = new ViewHolder(view);
     return holder;
     }
     @Override
     public void onBindViewHolder(ViewHolder holder, int position) {
         Fruit fruit = mFruitList.get(position);
         holder.fruitImage.setImageResource(fruit.getImageId());
         holder.fruitName.setText(fruit.getName());
     }
     @Override
     public int getItemCount() {
         return mFruitList.size();
     }
} 

ここではまず内部クラスViewHolderを定義し、ViewHolderはRecyclerViewから継承する.ViewHolder.次に、ViewHolderのコンストラクション関数にViewパラメータが入力されます.このパラメータは通常、RecyclerViewサブアイテムの最外層レイアウトです.findViewById()メソッドを使用して、レイアウト内のImageViewおよびTextViewのインスタンスを取得できます.
次に、Fruit Adapterにも構造関数があります.この方法は、表示するデータソースを転送し、グローバル変数mFruitListに値を付与するために使用されます.私たちの後続の操作は、このデータソースに基づいて行われます.
引き続き下を見ると、Fruit AdapterはRecyclerViewから継承されているためです.Adapterの場合は、onCreateView Holder()、onBindView Holder()、getItemCount()の3つのメソッドを書き換える必要があります.onCreateViewHolder()メソッドは、ViewHolderインスタンスを作成するために使用されます.このメソッドではfruit_itemレイアウトをロードし、ViewHolderインスタンスを作成し、ロードしたレイアウトをコンストラクション関数に転送し、最後にViewHolderインスタンスを返します.onBindViewHolder()メソッドは、RecyclerViewサブアイテムのデータを付与するために使用され、各サブアイテムが画面内にスクロールされたときに実行されます.ここではpositionパラメータで現在のアイテムのFruitインスタンスを得てから、ViewHolderのImageViewとTextViewにデータを設定します.getItemCount()メソッドは非常に簡単で、RecyclerViewに全部で何個のサブアイテムがあるかを教えて、データソースの長さを直接返すだけでいいです.
アダプタの準備ができたら、次のようにRecyclerViewを使用してMainActivityのコードを変更できます.

public class MainActivity extends AppCompatActivity {
     private List fruitList = new ArrayList<>();
     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);
         initFruits(); //        
         RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recycler_view);
         LinearLayoutManager layoutManager = new LinearLayoutManager(this);
         recyclerView.setLayoutManager(layoutManager);
         FruitAdapter adapter = new FruitAdapter(fruitList);
         recyclerView.setAdapter(adapter);
     }
     private void initFruits() {
         for (int i = 0; i < 2; i++) {
             Fruit apple = new Fruit("Apple", R.drawable.apple_pic);
             fruitList.add(apple);
             Fruit banana = new Fruit("Banana", R.drawable.banana_pic);
             fruitList.add(banana);
             Fruit orange = new Fruit("Orange", R.drawable.orange_pic);
             fruitList.add(orange);
             Fruit watermelon = new Fruit("Watermelon", R.drawable.watermelon_pic);
             fruitList.add(watermelon);
             Fruit pear = new Fruit("Pear", R.drawable.pear_pic);
             fruitList.add(pear);
             Fruit grape = new Fruit("Grape", R.drawable.grape_pic);
             fruitList.add(grape);
             Fruit pineapple = new Fruit("Pineapple", R.drawable.pineapple_pic);
             fruitList.add(pineapple);
             Fruit strawberry = new Fruit("Strawberry", R.drawable.strawberry_pic);
             fruitList.add(strawberry);
             Fruit cherry = new Fruit("Cherry", R.drawable.cherry_pic);
             fruitList.add(cherry);
             Fruit mango = new Fruit("Mango", R.drawable.mango_pic);
             fruitList.add(mango);
         }
     }
} 

ここでは、すべての果物データを初期化するために同じinitFruits()メソッドが使用されていることがわかります.次にonCreate()メソッドでRecyclerViewのインスタンスを取得し、LinearLayoutManagerオブジェクトを作成してRecyclerViewに設定します.LayoutManagerは、RecyclerViewのレイアウト方法を指定するために使用されます.ここで使用するLinearLayoutManagerはリニアレイアウトの意味で、ListViewと同様の効果を実現できます.次に、Fruit Adapterのインスタンスを作成し、フルーツデータをFruit Adapterのコンストラクション関数に転送し、最後にRecyclerViewのsetAdapter()メソッドを呼び出してアダプタ設定を完了し、RecyclerViewとデータとの関連付けが完了します.
この文章は郭霖の作者が書いた「第1行コード」の本の中の章から転載された.ここで転載声明をします.