您的位置:首页 > 移动开发 > Android开发

Android控件Toolbar的使用

2016-06-24 16:35 337 查看
Toolbar

Toolbar的功能比ActionBar强大(并没有多少乱用),多搭配侧滑DrawerLayout一起使用。

Frist:在gradle文件中添加appcompat_v7包的引用,具体配置如下:

compile fileTree(include: ['*.jar'], dir: 'libs')
compile 'com.android.support:appcompat-v7:23.4.0'


Second:Style中更改默认的主题为:

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">//不使用系统的Actionbar
-----------------------可选配置开始---------------------------
<!--导航栏底色-->
<item name="colorPrimary">@color/accent_material_dark</item>
<!--状态栏底色-->
<item name="colorPrimaryDark">@color/accent_material_light</item>
<!--导航栏上的标题颜色-->
<item name="android:textColorPrimary">@android:color/black</item>
<!--Activity窗口的颜色-->
<item name="android:windowBackground">@color/material_blue_grey_800</item>
<!--按钮选中或者点击获得焦点后的颜色-->
<item name="colorAccent">#00ff00</item>
<!--和 colorAccent相反,正常状态下按钮的颜色-->
<item name="colorControlNormal">#ff0000</item>
<!--Button按钮正常状态颜色-->
<item name="colorButtonNormal">@color/accent_material_light</item>
<!--EditText 输入框中字体的颜色-->
<item name="editTextColor">@android:color/white</item>
---------------------可选配置结束----------------------------
</style>


Third:在layout布局文件中引用 android.support.v7.widget.Toolbar 代码如下:

<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_height="?attr/actionBarSize"
android:layout_width="match_parent"
<!--Toolbar的shadows,可选配置-->
android:elevation="2dp"
<!--设置Toolbar的背景色-->
android:background="?attr/colorPrimary" >
</android.support.v7.widget.Toolbar>


Fourth:在XXXActivity中显示就可以了,代码如下

private Toolbar mToolbar;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mToolbar= (Toolbar) findViewById(R.id.toolbar);
//设置logo图片
mToolbar.setLogo(R.mipmap.ic_launcher);
//设置标题
mToolbar.setTitle("Material Desgin");
//设置副标题
mToolbar.setSubtitle("test test");
setSupportActionBar(mToolbar);
//设置NavigationIcon的图片
mToolbar.setNavigationIcon(R.drawable.android);
//设置菜单的监听
mToolbar.setOnMenuItemClickListener(MyOnMenuItemClick);
}


我的toolbar的效果图:



至于我的Toolbar为什么是圆角的,我的外部布局是CardView而已

更多使用详情请参考:

http://blog.csdn.net/feiduclear_up/article/details/46457433

http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2014/1118/2006.html
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息