web-dev-qa-db-ja.com

RecyclerViewでアイコン付きの文字列を表示する最も簡単な方法

RecyclerView内の文字列とアイコンのリストを表示する最も簡単な方法は何ですか？

ListViewの場合、次のコードを使用します（ここでは GitHubの完全なプロジェクト ）なし別個のアダプター：

app screenshot

mListView = (ListView) findViewById(R.id.list_view);

mListView.setAdapter(new ArrayAdapter<String>(this,
        Android.R.layout.simple_list_item_1,
        mPlanets) {
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        TextView view = (TextView) super.getView(position, convertView, parent);
            view.setCompoundDrawablesWithIntrinsicBounds(R.drawable.ic_stars_black_24dp, 0, 0, 0);
            return view;
    }
});
mListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
    @Override
    public void onItemClick(AdapterView<?> parent,
                                View view,
                                int position,
                                long id) {
        Toast.makeText(getApplicationContext(),
                    "You have clicked " + mPlanets[position],
                    Toast.LENGTH_LONG).show();
    }
});

ArrayAdapterとAndroid.R.layout.simple_list_item_1を RecyclerView と一緒に、同じように単純な方法で使用する方法を考えています。つまり、カスタムレイアウトとアダプターを使用していません。

androidlistviewandroid-recyclerview
11
Alexander Farber

これは最も簡単な方法です

  1. まず、依存関係をbuild.gradleファイルに追加します

    compile 'com.Android.support:recyclerview-v7:21.0.+'

  2. MainActivityでRecyclerViewオブジェクトを定義します

    private RecyclerView recyclerView;
private RecyclerView.Adapter adapter;
private RecyclerView.LayoutManager layoutManager;
private ArrayList<String> planetList=new ArrayList();
//Other Stuff

protected void onCreate(Bundle savedInstanceState) {
    //Other Stuff and initialize planetList with all the planets name before passing it to adapter

    recyclerView = (RecyclerView) findViewById(R.id.recycler_view);
    layoutManager = new LinearLayoutManager(this);
    recyclerView.setLayoutManager(layoutManager);

    adapter = new PlanetAdapter(planetList,getApplicationContext());
    recyclerView.setAdapter(adapter);
}

  3. メインバズキラーPlanetAdapter、RecyclerView.Adapterを拡張するPlanetAdapterを定義する必要があります

    public class PlanetAdapter extends RecyclerView.Adapter<PlanetAdapter.PlanetViewHolder> {

    ArrayList<String> planetList;

    public PlanetAdapter(ArrayList<String> planetList, Context context) {
        this.planetList = planetList;
    }

    @Override
    public PlanetAdapter.PlanetViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View v= LayoutInflater.from(parent.getContext()).inflate(R.layout.planet_row,parent,false);
        PlanetViewHolder viewHolder=new PlanetViewHolder(v);
        return viewHolder;
    }

    @Override
    public void onBindViewHolder(PlanetAdapter.PlanetViewHolder holder, int position) {
        holder.image.setImageResource(R.drawable.planetimage);
        holder.text.setText(planetList.get(position).toString());
    }

    @Override
    public int getItemCount() {
        return planetList.size();
    }

    public static class PlanetViewHolder extends RecyclerView.ViewHolder{

        protected ImageView image;
        protected TextView text;

        public PlanetViewHolder(View itemView) {
            super(itemView);
            image= (ImageView) itemView.findViewById(R.id.image_id);
            text= (TextView) itemView.findViewById(R.id.text_id);
        }
    }
}

4.main_activity.xml

<LinearLayout 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">
      <Android.support.v7.widget.RecyclerView
           Android:id="@+id/recycler_view"
           Android:layout_width="match_parent"
           Android:layout_height="match_parent"/>
</LinearLayout>

  1. 最後ですが、Planet_row.xml

    <LinearLayout  xmlns:Android="http://schemas.Android.com/apk/res/Android"
     Android:layout_width="match_parent"
     Android:layout_height="wrap_content"
     Android:orientation="horizontal">

     <ImageView
          Android:layout_width="40dp"
          Android:layout_height="40dp"
          Android:id="@+id/image_id"/>

     <TextView
          Android:layout_width="wrap_content"
          Android:layout_height="wrap_content"
          Android:text="Planet Name"
          Android:id="@+id/text_id"/>
</LinearLayout>
26
Sanjeev

私は MainActivity.Java でL-Xのソリューションを削減しました（ありがとう！）。

最初に、クリックリスナーを持つViewHolderクラス：

private class PlanetViewHolder
        extends RecyclerView.ViewHolder
        implements View.OnClickListener {

    public PlanetViewHolder(View v) {
        super(v);
        v.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        Toast.makeText(getApplicationContext(),
                "You have clicked " + ((TextView) v).getText(),
                Toast.LENGTH_LONG).show();
    }
}

次に、3つの抽象メソッドをオーバーライドし、Android.R.layout.simple_list_item_1を使用するアダプター：

    mRecyclerView = (RecyclerView) findViewById(R.id.recycler_view);
    mRecyclerView.setLayoutManager(new LinearLayoutManager(this));
    mRecyclerView.setAdapter(new RecyclerView.Adapter<PlanetViewHolder>() {

        @Override
        public PlanetViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
            View v = LayoutInflater.from(parent.getContext()).inflate(
                    Android.R.layout.simple_list_item_1,
                    parent,
                    false);
            PlanetViewHolder vh = new PlanetViewHolder(v);
            return vh;
        }

        @Override
        public void onBindViewHolder(PlanetViewHolder vh, int position) {
            TextView tv = (TextView) vh.itemView;
            tv.setText(mPlanets[position]);
            tv.setCompoundDrawablesWithIntrinsicBounds(R.drawable.ic_stars_black_24dp, 0, 0, 0);
        }

        @Override
        public int getItemCount() {
            return mPlanets.length;
        }
    });

上記のコードは、String mPlanetsの配列を次のように表示します。

app screenshot

10
Alexander Farber