質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

Android

Androidは、Google社が開発したスマートフォンやタブレットなど携帯端末向けのプラットフォームです。 カーネル・ミドルウェア・ユーザーインターフェイス・ウェブブラウザ・電話帳などのアプリケーションやソフトウェアをひとつにまとめて構成。 カーネル・ライブラリ・ランタイムはほとんどがC言語/C++、アプリケーションなどはJavaSEのサブセットとAndroid環境で書かれています。

Q&A

解決済

1回答

407閲覧

AndroidのRecycleViewで1行に2つの要素を並べたい

jabberwocky3376

総合スコア14

Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

Android

Androidは、Google社が開発したスマートフォンやタブレットなど携帯端末向けのプラットフォームです。 カーネル・ミドルウェア・ユーザーインターフェイス・ウェブブラウザ・電話帳などのアプリケーションやソフトウェアをひとつにまとめて構成。 カーネル・ライブラリ・ランタイムはほとんどがC言語/C++、アプリケーションなどはJavaSEのサブセットとAndroid環境で書かれています。

0グッド

0クリップ

投稿2019/06/13 05:17

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; } }

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

jimbe

2019/06/15 11:57

ぱっと見で分からなかったのですが,「下記のように1つづつずれるように形」というのはどれの事でしょうか. 出来ましたら, 問題の画像を編集して「こうしたい」という絵として追加して頂けますか.
guest

回答1

0

ベストアンサー

修正したメソッド/クラスのみですが, こういうことでしょうか.
手元に環境がありませんでテストしておりません.

java

1 private void init () { 2 for (Manufacturer m : manufacturers) { 3 //見出し(メーカー名) 4 itemList.add(new ListData(VIEWTYPE_CAPTION_ITEM, m.getManufacturerName())); 5 6 //通常アイテム(モデル名) 7 for (int i = 0; i < m.getCarModelCount(); i++) { 8 itemList.add(new ListData(VIEWTYPE_NORMAL_ITEM, m.getCarModels()[i], m.getCarSizes()[i])); 9 } 10 } 11 } 12 @Override 13 public void onBindViewHolder(@NonNull RecyclerView.ViewHolder viewHolder, int position) { 14 //データの紐づけ 15 ListData data = itemList.get(position); 16 17 //viewTypeによってViewHolderの型が異なる 18 if (data.viewType == VIEWTYPE_CAPTION_ITEM) { 19 ((CaptionViewHolder) viewHolder).caption.setText(data.text1); 20 } else if(data.viewType == VIEWTYPE_NORMAL_ITEM){ 21 ((ItemViewHolder) viewHolder).item.setText(data.text1); 22 ((ItemViewHolder) viewHolder).data.setText(data.text2); 23 } 24 } 25 /* リスト表示用のインナークラス */ 26 class ListData { 27 int viewType; //viewType 28 String text1, text2; //表示するテキスト 29 30 //コンストラクタ 31 ListData (int viewType, String text1) { 32 this.viewType = viewType; 33 this.text1 = text1; 34 } 35 ListData (int viewType, String text1, String text2) { 36 this.viewType = viewType; 37 this.text1 = text1; 38 this.text2 = text2; 39 } 40 }

投稿2019/06/15 12:40

jimbe

総合スコア12543

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問