Android Material DesignのBottomNavigationViewで下部ナビゲーションバーを実現
3767 ワード
前言
, , , , , 。 , Android ( !), ,BottomNavigationView , , , ! BottomNavigationView
? BottomNavigationView , : LinearLayout + TextView 。 RadioGroup + RadioButton 。
, , , BottomNavigationView 。
1. BottomNavigationView , gradle 。
dependencies {
compile 'com.android.support:design:25.3.1'
}
2.レイアウトファイルでこのコントロールを します.menuプロパティは、 たちがよく するメニューレイアウトです.
そのmenuメニューのレイアウトは の りです.
3. のステップは、Activityで えばいいのですが、ここではクリックイベントを に しただけです.public class BottomActivity extends AppCompatActivity {
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(" ");
return true;
case R.id.navigation_dashboard:
mTextMessage.setText(" ");
return true;
case R.id.navigation_notifications:
mTextMessage.setText(" ");
return true;
}
return false;
}
};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_bottom);
mTextMessage = (TextView) findViewById(R.id.message);
BottomNavigationView navigation = (BottomNavigationView) findViewById(R.id.navigation);
navigation.setOnNavigationItemSelectedListener(mOnNavigationItemSelectedListener);
}
}
の が すると、 のナビゲーションバーの が えますよ!
に して、 に して、 たちは また いましょう-- なブルーデブ