AndroidStduioでのタブ作成について

Question

AndroidStduioでのタブ作成について

xmlで(色の部分は適当です。)
<android.support.design.widget.TabLayout
android:id="@+id/tabs"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="赤色"
app:tabIndicatorColor="青色
/>

のように設定しました。
そしてJavaの方で
TabLayout tabLayout = (TabLayout) findViewById(R.id.tabs);

    tabLayout.addTab(tabLayout.newTab().setText("テスト1"));
    tabLayout.addTab(tabLayout.newTab().setText("テスト2"));
    tabLayout.addTab(tabLayout.newTab().setText("テスト3"));
    tabLayout.addTab(tabLayout.newTab().setText("テスト4"));

のように設定したところ見た目はOKになりました。
今度はタブをクリックした時にページの切り替えを行いたいです。
タブ毎へのtagの設定方法とクリック時のイベント方法などをよろしくお願いいたします。
各タブで表示させるlistはlistviewで設定できました。
→今の所4つのボタンを設置してボタンをクリックした時に
public void onStart(){
this.findViewById(R.id.test1).setOnClickListener(
new OnClickListener() {
public void onClick(final View v) {
testppl.this.onClickProc(v);
}
});

this.findViewById(R.id.test2).setOnClickListener(
new OnClickListener() {
public void onClick(final View v) {
testppl.this.onClickProc(v);
}
});
・・・・・・・・
}
と設定することで切り替えは可能です。

なお諸事情がありviewpagerでの切り替えは行いません。(正確にはviewpagerでの切り替えができない)
ですのでtabをクリックした時に設定してあるtagを取得してイベント発生を感知ページ切り替えのようにしたいです。(現在のJavaをあまり変えずにonStart内で切り替えたい)
よろしくお願いいたします。

Answer 1

tagの設定は下記の通り、タブを作る時に設定できます。

tabLayout.newTab().setText("テスト").setTab("hoge");

クリックについてはTablayout#addOnTabSelectedLisnerを使用しましょう。

また、コードはコード用の記述方法に修正してください。

Comments

[rvsezuki]

tag設定ありがとうございました。
タブのクリックなんですが、具体的にクリックした時にどのようにOnTabSelectedLisnerでtagを検出
すればよろしいでしょうか?
よろしくお願いいたします。

[yona]

実際にやってみるとわかりますが、インターフェースの各メソッドの引数がクリックされたTabになります。
Tab#getTagをすると値が取れます。

[rvsezuki]

何度も申し訳ありません。Javaを始めてまだ2か月程度なのでよくわかならいです。

現在Buttonでの処理は以下のようにしてあります。
public void onStart(){
・・・・・
・・・・・
this.findViewById(R.id.test1).setOnClickListener(
new OnClickListener() {
public void onClick(final View v) {
testappl.this.onClickProc(v);⇦ここで画面切り替え
}
});
button4つ分↑のような処理を書いている。
}

onStartより前に
TabLayout tabLayout = (TabLayout) findViewById(R.id.tabs);
tabLayout.addTab(tabLayout.newTab().setText("テスト1").setTag(1));
tabLayout.addTab(tabLayout.newTab().setText("テスト2").setTag(2));
tabLayout.addTab(tabLayout.newTab().setText("テスト3").setTag(3));
でtagと名前は定義できました。

onStart()内のButton部分の書き換えで
TabLayout.OnTabSelectedListener.
までかけました。
この後どのように書けば良いのでしょうか?
よろしくお願いいたします。

[yona]

現状ボタンで切り替えているものをタブで切り替えたいという質問ですよね？
なぜボタンのクリックリスナーに追加しているのでましょうか。

[rvsezuki]

申し訳ありません。
言葉足らずでした。

現在ボタンでは
this.findViewById(R.id.test1).setOnClickListener(
new OnClickListener() {
public void onClick(final View v) {
testappl.this.onClickProc(v);
}
});

と書いており、tabに切り替えたいので
これをTabLayout.OnTabSelectedListenerで書き換え(修正)を行なっている途中です。
setOnClickListenerの部分をTabSelectedListenerなどに書き換えれば通用するのではと考えていました。

[yona]

ボタンを使わなくしたいのに、ボタンを変更して解決するのは矛盾していますよね？
まずはリファレンスを読みましょう、質問するのはそれからです。
https://developer.android.com/reference/android/support/design/widget/TabLayout.html

TablayoutのaddOnTabSelectedLisnerを使用しましょう。

[rvsezuki]

yona様のおかげで、少しずつ分かってきました。
ありがとうございます。

TabLayout.OnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
@Override
public void onTabSelected(TabLayout.Tab tab) {

}
@Override
public void onTabUnselected(TabLayout.Tab tab) {

}
@Override
public void onTabReselected(TabLayout.Tab tab) {

}

});

ここまできました。

この後どうすればよいでしょうか?
本当に申し訳ありません。
よろしくお願いいたします。

[rvsezuki]

選択tagでの切り替えなので
以下のようなのがベストと考えました。
TabLayout.OnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
@Override
public void onTabSelected(TabLayout.Tab tab) {
switch (tab.getTag()){
case 1:
1番目がタップされた時
break;
case 2:
2番目がタップされた時
break;
case 3:
3番目がタップされた時
break;
}
}
});

こんな感じで大丈夫でしょうか?

[yona]

あとはあなたがやりたいことをすればいいですよ。具体的な内容は私にはわかりません。

TabからTagを取り出してListViewの表示を変更するんですよね？既に回答しているので考えましょう。

[yona]

コメントが被りましたね、コメントのコードであっていると思います。
やってみて思った通り出なかったら質問してください。

[rvsezuki]

@Override
public void onCreate(final Bundle savedInstanceState) {

TabLayout tabLayout = (TabLayout) findViewById(R.id.tabs);
tabLayout.addTab(tabLayout.newTab().setText("テスト1").setTag(1));
tabLayout.addTab(tabLayout.newTab().setText("テスト2").setTag(2));
tabLayout.addTab(tabLayout.newTab().setText("テスト3").setTag(3));
}

public void onStart() {
TabLayout.OnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
@Override
public void onTabSelected(TabLayout.Tab tag) {

//オブジェクトからint型へ変換できない等のエラーが出たため、以下の2行を追加
float fValue = Float.valueOf(TabLayout.Tab.getTag());
int value = (int)fValue;

switch (value) {
case 1:
1番目表示
break;
case 2:
2番目表示
break;
case 3:
3番目表示
break;
}

}

@Override
public void onTabUnselected(TabLayout.Tab tag) {

}

@Override
public void onTabReselected(TabLayout.Tab tag) {

}
});
}

としたのですが、
エラー: staticでないメソッド getTag()をstaticコンテキストから参照することはできません

とでました。
static int getTag();などを考えられる場所に書いてみましたが、赤波線が出てエラーになりました。
どこの変数にstatic宣言すれば良いのでしょうか?

またfloatとintの部分を消して直接
switch (TabLayout.Tab.getTag())
とした場合には
エラー: 不適合な型: Objectをintに変換できません
と出ますが、最初にsetTag(1)と設定したのでint型ではないのでしょうか?

申し訳ありませんが、解説よろしくお願いいたします。

[yona]

聞く前にエラーについて調べましょうね。私は解説員でも先生でもないですよ。

getTagはインスタンスメソッドです、getTagの戻り値はObject型です。

[rvsezuki]

8割がた解決しました。
お手数おかけしました。
解説と質問への回答ありがとうございました。m(_ _)m