Demo1Meterial Design入门:导航栏(使用ToolBar)
来源:互联网 发布:电脑端淘宝详情页尺寸 编辑:程序博客网 时间:2024/05/18 22:49
在Holo的时代,导航栏是应用程序的部件,要想修改、设置其属性就变得困难,在新的设计规范下,这种旧的用法已经不再被提倡,取而代之的是用ToolBar这个组件代替导航栏功能。
ToolBar是用户界面组件,只要把这个组件放到导航栏的位置下就可以充当导航栏使用,优点是其灵活性大。使用ToolBar的第一步是设置Application的Theme属性为NoActionBar:
style.xml:
<style name="AppTheme"parent="Theme.AppCompat.Light.NoActionBar">
之后先在layout文件夹下创建toorbar.xml文件:
toolbar.xml:
<?xml version="1.0" encoding="utf-8"?><android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="?attr/colorPrimary" android:minHeight="?attr/actionBarSize" app:theme="@style/ThemeOverlay.AppCompat.ActionBar" ></android.support.v7.widget.Toolbar>
这里的ToolBar的theme属性为 @style/ThemeOverlay.AppCompat.ActionBar。在主布局中我们只把toolbar添加进去,然后在onCreate方法中通过setSupportActionBar方法就可以把ToolBar加载到导航栏以之使用:
MainActivity.java:
public class MainActivity extends AppCompatActivity { private Toolbar toolbar; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main_layout); toolbar = (Toolbar)findViewById(R.id.toolbar); toolbar.setTitle("I am toolbar"); toolbar.setTitleTextColor(Color.WHITE); toolbar.setSubtitle("toolbar"); //对于ToolBar标题一类的设置要在 setSupportActionBar()之前调用才会有效 setSupportActionBar(toolbar); }}
导航栏已经是新的风格了,但这远远不够,我们接下来还要往上面添加菜单按键,其实ToolBar上的菜单选项类似于Activity的菜单,用法是一样的,区别在于效果不同。现在先创建菜单文件:
toolbar_menu.xml:
<?xml version="1.0" encoding="utf-8"?><menu xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"> <item android:id="@+id/mToolBar_Share" android:title="share" app:showAsAction="always" android:icon="@android:drawable/ic_menu_share"/> <item android:id="@+id/mToolBar_Message" android:title="message" app:showAsAction="always" android:icon="@android:drawable/ic_dialog_email"/></menu>
这里有一个属性很关键,就是showAsAction,这个属性决定了这个菜单会不会出现在导航栏上,设置为always表示此菜单栏始终出现在菜单栏下。之后的工作就是在Activity中重写onCreateOptionsMenu方法以加载菜单、重写onOptionsItemSelected方法以响应菜单消息。代码就不粘了,直接上效果图:
最后,我们要往导航栏添加主按键(最左侧的按键,Navigation),只需要指定其图标然后传入onClickLisener对象就可以实现按键功能:
toolbar = (Toolbar)findViewById(R.id.toolbar);toolbar.setTitle("I am toolbar");toolbar.setTitleTextColor(Color.WHITE);toolbar.setSubtitle("toolbar"); //对于ToolBar标题一类的设置要在 setSupportActionBar()之前调用才会有效setSupportActionBar(toolbar);toolbar.setNavigationIcon(android.R.drawable.sym_def_app_icon);toolbar.setNavigationOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Toast.makeText(MainActivity.this, "Navigation", Toast.LENGTH_SHORT).show(); }});
至此,关于全新风格的导航栏已经讲解完毕,效果如下:
下一篇的内容将是配合导航栏Navigation使用的侧滑菜单功能的实现。
Demo源码下载地址:Demo1:ToolBar
- Demo1Meterial Design入门:导航栏(使用ToolBar)
- Android Toolbar详解-实现Material Design 风格的导航栏
- 【Material Design】Toolbar使用
- Material Design之使用Toolbar
- Android Material Design ToolBar 使用
- Android ToolBar使用入门
- 使用ToolBar取代过去Actionbar(material design)
- Android 使用Toolbar制作标题栏-design
- Material Design (二) ToolBar的使用
- Material Design之Toolbar的简单使用
- Material Design之导航栏BottomNavigationView的使用
- Material Design之导航栏TabLayout的使用
- 关于android客户端的导航栏(toolbar)
- Android抽屉式导航栏drawerlayout与toolbar的共同使用
- [Material Design]使用Toolbar + DrawerLayout快速实现高大上菜单侧滑
- [Material Design]使用Toolbar + DrawerLayout快速实现高大上菜单侧滑
- Android Material Design(2) ToolBar,NavigationView以及DrawerLayot的使用
- Android Material Design(5) CoordinatorLayout,AppBarLayout,Toolbar,CollapsingToolbarLayout的使用
- 详解spring事务属性(总结的很好)
- ArcGIS教程:更改标题的文本和样式
- linux系统下查看文件大小命令(以G/M/K为单位查看)
- String字符串面试
- cocos2d-js
- Demo1Meterial Design入门:导航栏(使用ToolBar)
- 重读java编程思想之向上转型一
- 自定义点击状态栏返回
- iOS 对字符串压缩
- NYOJ 767 因子和
- Android微信支付
- 《VR入门系列教程》之22---GearVR SDK代码剖析
- [疯狂Java]NIO:使用Channel、Charset(字符集)、使用Charset传递CharBuffer
- Dual Palindromes