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

の が すると、 のナビゲーションバーの が えますよ!
に して、 に して、 たちは また いましょう-- なブルーデブ