みなさん、こんにちは。前回AndroidでのBottomNavigationViewの例についてお話しましたが、今回は引き続き例についてお話します。ゴシップについて話すのをやめて、ビジネスに戻ってください。一緒にAndroidと話そう!
皆さん、前の章でBottomNavigationViewコントロールの使用方法を紹介しました。この章では、全体的な要約を作成し、すべてのソースコードを提供します。完全なコードは次のとおりです。
レイアウトファイルは次のとおりです(コントロールの高さを設定するときにweight属性を使用する必要があります。そうしないと、レイアウトの下部に表示できません)。
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/container"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".NaviActivity">
<TextView
android:id="@+id/message"
android:layout_gravity="center"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="@dimen/activity_horizontal_margin"
android:layout_marginLeft="@dimen/activity_horizontal_margin"
android:layout_marginTop="@dimen/activity_vertical_margin"
android:text="@string/title_home" />
<android.support.design.widget.BottomNavigationView
android:id="@+id/navigation"
android:layout_marginBottom="1dp"
android:background="?android:attr/windowBackground"
android:layout_width="match_parent"
android:layout_weight="1"
android:layout_height="0dp"
app:menu="@menu/navigation" />
</LinearLayout>
レイアウトで使用されるメニューリソースは次のとおりです。
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:id="@+id/navigation_home"
android:icon="@drawable/ic_home_black_24dp"
android:title="@string/title_home" />
<item
android:id="@+id/navigation_dashboard"
android:icon="@drawable/ic_dashboard_black_24dp"
android:title="@string/title_dashboard" />
<item
android:id="@+id/navigation_notifications"
android:icon="@drawable/ic_notifications_black_24dp"
android:title="@string/title_notifications" />
</menu>
コードファイルは次のとおりです。
package com.example.talk8.blogappall;
import android.content.Intent;
import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.design.widget.BottomNavigationView;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.TextView;
import android.widget.Toast;
public class NaviActivity extends AppCompatActivity {
private static final String TAG = "NaviActivity xxl";
private TextView mTextMessage;
private BottomNavigationView.OnNavigationItemSelectedListener mOnNavigationItemSelectedListener
= new BottomNavigationView.OnNavigationItemSelectedListener() {
@Override
public boolean onNavigationItemSelected(@NonNull MenuItem item) {
switch (item.getItemId()) {
case R.id.navigation_home:
mTextMessage.setText(R.string.title_home);
return true;
case R.id.navigation_dashboard:
mTextMessage.setText(R.string.title_dashboard);
return true;
case R.id.navigation_notifications:
mTextMessage.setText(R.string.title_notifications);
return true;
}
return false;
}
};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_navi);
mTextMessage = (TextView) findViewById(R.id.message);
BottomNavigationView navigation = (BottomNavigationView) findViewById(R.id.navigation);
navigation.setOnNavigationItemSelectedListener(mOnNavigationItemSelectedListener);
}
}
上記のコードのほとんどは、メニュー項目やリスナーなどのASTツールを使用して生成されます。結局のところ、ナビゲーションメニューもテンプレートであるため、このテンプレートはツールに含まれています。[新しいアクティビティ]で[下部のナビゲーションアクティビティ]を選択するだけです。ただし、ツールが生成するのはテンプレートであり、メニュー内の項目、アイコン、背景など、テンプレートに基づいてテンプレートを変更する必要があります。リスナーはさまざまなメニュー項目に応答します。独自のプロジェクトのニーズに応じて、ツールによって提供されるテンプレートを変更できます。
みなさん、ここでAndroidのBottomNavigationViewの例を紹介しましょう。他の例を知りたい場合は、次回も聴いてみましょう。