RecycleViewで1行に2つの要素を並べたい
現在、androidの勉強でRecycleViewを学んでいます。
リスト表示を作る中で、単純な一行に一文字の形ではなく、1つの行の左端にキャプションを作り、右端に細かなデータを記入できるようなリストを作ろうとしています。
具体的には、下記のような見た目のものです。
また、javaの知識は昨日始めたばかり、プログラミングの経験もないので、かなり初心者の部類です。
発生している問題
ところが、なかなかうまくいきません。どうしても下記のように1つづつずれるように形になってしまいます。
下記のMyAdapter.javaの33行目〜44行目でfor文で繰り返し処理を1つづつ行ってしまっているからなのかと思ったのですが、どのように処理を変えればいいのかわからず、悩んでおります…
該当のソースコード
MainActivity.java
package com.example.recyclerview; import android.app.LauncherActivity; import android.os.Bundle; import android.support.v7.app.AppCompatActivity; import android.support.v7.widget.LinearLayoutManager; import android.support.v7.widget.RecyclerView; import java.util.ArrayList; import java.util.List; public class MainActivity extends AppCompatActivity { Manufacturer[] manufacturers = { new Manufacturer("TOYOTA" , new String[]{"CROWN","COROLLA","PRIUS","VITZ"},new String[]{"321","322","323","324"}), new Manufacturer("TOYOTA" , new String[]{"CROWN","COROLLA","PRIUS","VITZ"},new String[]{"321","321","321","321"}), new Manufacturer("TOYOTA" , new String[]{"CROWN","COROLLA","PRIUS","VITZ"},new String[]{"321","321","321","321"}), new Manufacturer("TOYOTA" , new String[]{"CROWN","COROLLA","PRIUS","VITZ"},new String[]{"321","321","321","321"}), }; private RecyclerView myRecyclerView; private RecyclerView.Adapter myAdapter; private RecyclerView.LayoutManager myLayoutManager; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); myRecyclerView = findViewById(R.id.recyclerView); myRecyclerView.setHasFixedSize(true); myLayoutManager = new LinearLayoutManager(this); myRecyclerView.setLayoutManager(myLayoutManager); myAdapter = new MyAdapter(manufacturers); myRecyclerView.setAdapter(myAdapter); } }
MyAdapter.java
package com.example.recyclerview; import android.app.LauncherActivity; import android.content.ClipData; import android.support.annotation.NonNull; import android.support.v7.widget.RecyclerView; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.TextView; import java.util.ArrayList; import java.util.List; public class MyAdapter extends RecyclerView.Adapter { //定数 private final int VIEWTYPE_CAPTION_ITEM = 1; private final int VIEWTYPE_NORMAL_ITEM = 0; private final int VIEWTYPE_NORMAL_DATA = 2; //メンバ変数 private Manufacturer[] manufacturers; private ArrayList<ListData> itemList = new ArrayList<>(); //コンストラクタ MyAdapter(Manufacturer[] manufacturers) { this.manufacturers = manufacturers; init(); } // コンストラクタ引数で渡されたデータを表示用リストに変換 private void init () { for (Manufacturer m : manufacturers) { //見出し(メーカー名) itemList.add(new ListData(m.getManufacturerName(), VIEWTYPE_CAPTION_ITEM)); //通常アイテム(モデル名) for (int i = 0; i < m.getCarModelCount(); i++) { itemList.add(new ListData(m.getCarModels()[i], VIEWTYPE_NORMAL_ITEM)); itemList.add(new ListData(m.getCarSizes()[i], VIEWTYPE_NORMAL_DATA)); } } } @NonNull @Override public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int viewType) { RecyclerView.ViewHolder vh = null; LayoutInflater inflater = LayoutInflater.from(viewGroup.getContext()); //viewTypeによって返すViewHolderを変える if (viewType== VIEWTYPE_CAPTION_ITEM) { //メーカー名 vh = new CaptionViewHolder(inflater.inflate(R.layout.row0,viewGroup, false)); } else { //モデル名 vh = new ItemViewHolder(inflater.inflate(R.layout.row1,viewGroup, false)); } return vh; } @Override public void onBindViewHolder(@NonNull RecyclerView.ViewHolder viewHolder, int position) { //データの紐づけ ListData data = itemList.get(position); //viewTypeによってViewHolderの型が異なる if (data.viewType == VIEWTYPE_CAPTION_ITEM) { ((CaptionViewHolder) viewHolder).caption.setText(data.text); } else if(data.viewType == VIEWTYPE_NORMAL_ITEM){ ((ItemViewHolder) viewHolder).item.setText(data.text); } else{ ((ItemViewHolder) viewHolder).data.setText(data.text); } } @Override public int getItemCount() { //リストの行数を返す(見出しも含む) return itemList.size(); } @Override public int getItemViewType(int position) { //指定したpositionのviewTypeを返す //各行のviewTypeはinit()でitemListに登録したので //そこから取り出す return itemList.get(position).viewType; } /* 見出し行のViewHolder */ class CaptionViewHolder extends RecyclerView.ViewHolder { TextView caption; CaptionViewHolder(@NonNull View itemView) { super(itemView); caption = itemView.findViewById(R.id.textView1); } } /* データ行のViewHolder */ class ItemViewHolder extends RecyclerView.ViewHolder{ TextView item, data; ItemViewHolder(@NonNull View itemView) { super(itemView); item = itemView.findViewById(R.id.textView1); data = itemView.findViewById(R.id.textView2); } } /* リスト表示用のインナークラス */ class ListData { String text = ""; //表示するテキスト int viewType = 0; //viewType //コンストラクタ ListData (String text, int viewType) { this.text = text; this.viewType = viewType; } } }
Manufacturer.java
package com.example.recyclerview; import android.os.Bundle; import android.support.v7.app.AppCompatActivity; import android.support.v7.widget.LinearLayoutManager; import android.support.v7.widget.RecyclerView; import java.lang.ref.SoftReference; /* 自動車メーカーとその製品を登録するクラス */ class Manufacturer { //メンバ変数 private String mManufacturerName; //メーカー名 private String[] mCarModels,mCarSizes; //製品名の配列 private int mCarModelCount; //製品の個数 //コンストラクタ Manufacturer(String name, String[] carModels, String[] carSizes) { this.mManufacturerName = name; this.mCarModels = carModels; this.mCarSizes = carSizes; this.mCarModelCount = carModels.length; } //ゲッター String getManufacturerName() { return mManufacturerName; } int getCarModelCount() { return mCarModelCount; } String[] getCarModels() { return mCarModels; } String[] getCarSizes() { return mCarSizes; } }
回答1件
あなたの回答
tips
プレビュー