Android中的 Material Design
1. 为什么有 Material Design?
安卓标准的界面设计风格没有IOS美观,而且Android平台界面风格不统一。Material Design在2014年推出,解决美观与Android界面风格不统一问题。
2.Toolbar代替ActionBar,更加灵活
更改application的主题:
res-->values-->styles
修改activity_main.xml中代码,加入Toolbar:
修改MainActivity中代码:
3. 滑动菜单DrawerLayout(里面有两部分,一部分为主屏幕,一部分为隐藏的菜单)
4. 导航视图NavigationView(美化滑动菜单DrawerLayout)
加入build闭包:
准备一:创建nav_menu.xml:
准备二:创建nav_header.xml:
修改主布局文件:
修改MainActivity文件:
public class MainActivity extends AppCompatActivity {
private DrawerLayout mDrawerLayout;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Toolbar toolbar=findViewById(R.id.toolbar);
setSupportActionBar(toolbar);//设置标题栏
mDrawerLayout=findViewById(R.id.drawer_layout);
NavigationView navigationView=findViewById(R.id.nav_view);
ActionBar actionBar=getSupportActionBar();//获取标题栏
if (actionBar!=null){
actionBar.setDisplayHomeAsUpEnabled(true);//显示导航按钮
actionBar.setHomeAsUpIndicator(R.mipmap.ic_launcher);//设置导航按钮图标(Indicator指示器)
}
navigationView.setCheckedItem(R.id.inform);//默认选中
navigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {
@Override
public boolean onNavigationItemSelected(@NonNull MenuItem item) {//监听
mDrawerLayout.closeDrawers();//关闭导航抽屉
return true;
}
});
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {//创建选项菜单,在右上角
getMenuInflater().inflate(R.menu.toolbar,menu);
return true;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()){
case android.R.id.home:
mDrawerLayout.openDrawer(GravityCompat.START);//将滑动菜单展示出来
break;
case R.id.duty:
Toast.makeText(this,"you clicked duty",Toast.LENGTH_SHORT).show();
break;
case R.id.more:
Toast.makeText(this,"you clicked more",Toast.LENGTH_SHORT).show();
break;
case R.id.settings:
Toast.makeText(this,"you clicked settings",Toast.LENGTH_SHORT).show();
break;
default:
}
return true;
}
}
5. 结果大致界面: