DrawerLayout和toolbar的使用
- onPostCreate()是Activity完全启动后的调用:在完全启动后的回调设置toolbar 然后在使用
- AppCompatActivity 时style要设置为何appCompat相关的样式,不然会报错:
You need to use a Theme.AppCompat theme (or descendant) with this activity解决方法
@Nullable doesn't work if Butterknife binds view from supersuperclass #389
- android:layout_width="match_parent" android:layout_height="match_parent"不然也会报错:DrawerLayout must be measured with MeasureSpec.EXACTLY.解释: http://stackoverflow.com/questions/25864323/drawerlayout-must-be-measured-with-measurespec-exactly
- Toolbar 使用的style:
- <style name="ToolbarThemem" parent="AppTheme.PopupOverlay">
- <item name="android:background">?attr/colorPrimary</item> 设置背景颜色 <item name="android:layout_width">match_parent</item> <item name="android:layout_height">wrap_content</item> <item name="android:fitsSystemWindows">true</item> <item name="android:minHeight">?attr/actionBarSize</item> 设置最小高度
- <!-- android:textColorPrimary is the color of the title text in the Toolbar, in the Theme.AppCompat theme: --><item name="android:textColorPrimary">@color/white</item>
- <!-- android:textColorPrimaryInverse is the color of the title text in the Toolbar, in the Theme.AppCompat.Light theme: --><item name="android:textColorPrimaryInverse">@color/white</item>
- <!-- android:actionMenuTextColor is the color of the text of action (menu) items in the Toolbar, at least in the Theme.AppCompat theme. For some reason, they already get the textColorPrimary when running on API 21, but not on older versions of Android, so this is only necessary to support older Android versions.--><item name="actionMenuTextColor">@color/white</item><!-- android:textColorSecondary is the color of the menu overflow icon (three vertical dots) --><item name="android:textColorSecondary">@color/white</item>
- <!-- This would set the toolbar's background color, but setting this also changes the popup menu's background, even if we define popupTheme for our <Toolbar> -->
- <item name="android:colorBackground">?attr/colorPrimary</item>
- </style>
- AppTheme.PopupOverlay 是系统提供的一个默认Toolbar 的主题:
- <?xml version="1.0" encoding="utf-8"?>
- <!-- android:minHeight="?attr/actionBarSize"/>系统的配置-->
- <android.support.v4.widget.DrawerLayout android:id="@+id/drawer_layout" android:layout_width="match_parent" android:layout_height="match_parent" xmlns:app="http://schemas.android.com/apk/res-auto" android:fitsSystemWindows="true" xmlns:android="http://schemas.android.com/apk/res/android">
- <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.v7.widget.Toolbar android:id="@+id/msc_toolbar" android:layout_height="wrap_content" android:layout_width="match_parent" android:layout_alignParentTop="true" android:minHeight="?attr/actionBarSize" app:popupTheme="@style/ThemeToolbar" app:theme="@style/ThemeToolbar" />
- <LinearLayout android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_marginTop="5dp" android:layout_below="@id/msc_toolbar" android:background="@color/white">
- <TextView android:id="@+id/noThingsMessage" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="30dp" android:textSize="20dp" android:gravity="center_horizontal" android:visibility="gone"/>
- <ListView android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/frame"/>
- </LinearLayout> </RelativeLayout><android.support.design.widget.NavigationView android:id="@+id/navigation_view" android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_gravity="start" app:headerLayout="@layout/drawer_header" android:background="?attr/colorPrimary" app:itemIconTint="@color/white" app:itemTextColor="@color/white" app:menu="@menu/menu_main" /></android.support.v4.widget.DrawerLayout>
- //可以在onCreate() 或者onPostCreate() 方法中去显示 Toolbar 效果 :@Overrideprotected void onPostCreate(Bundle savedInstanceState) { super.onPostCreate(savedInstanceState);
- mscToolbar = (Toolbar) findViewById(R.id.msc_toolbar); navigationView = (NavigationView) findViewById(R.id.navigation_view); drawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
- //TODO eventually remove if everything has the bar if (mscToolbar != null) { setSupportActionBar(mscToolbar); getSupportActionBar().setTitle(title); getSupportActionBar().setHomeAsUpIndicator(getResources().getDrawable(R.drawable.ic_menu_white_24dp)); getSupportActionBar().setDisplayHomeAsUpEnabled(true); getSupportActionBar().setHomeButtonEnabled(true);
- }}
- 然后就是使用到了
- navigationView.setNavigationItemSelectedListener( new NavigationView.OnNavigationItemSelectedListener() { @Override public boolean onNavigationItemSelected(MenuItem menuItem) { menuItem.setChecked(true); drawerLayout.closeDrawers(); Intent intent = null; switch (menuItem.getItemId()) { case R.id.drawer_about: if (BaseActivity.this.getClass().equals(AboutActivity.class)) return true; intent = new Intent(BaseActivity.this, AboutActivity.class); break;.......
- //Toolbar 实现DrawerLayout 和图标互动的效果:
- ActionBarDrawerToggle toggle = new ActionBarDrawerToggle( this, drawer, toolbar, R.string.navigation_drawer_open, R.string.navigation_drawer_close);drawer.setDrawerListener(toggle);toggle.syncState();
DrawerLayout和toolbar的使用的更多相关文章
- 修改DrawerLayout 和toolbar 配合navigation的颜色
大家都知道DrawerLayout 和toolbar 结合能出来高大上的效果. 使用到一个ActionBarDrawerToggle类. 那么怎么修改DrawerToggle的颜色呢,搜索了很多中文网 ...
- DrawerLayout,ToolBar 和 TabHost 的使用
ActionBar 定义起来不方便 toolbar: 最重要的特性,显示menu菜单,右上角三个点的菜单按钮,使用灵活 使用:1,布局文件,包裹LinearLayout 放imageView, 或者I ...
- Android——使用Toolbar + DrawerLayout快速实现高大上菜单侧滑(转)
今天就来使用官方支持库来快速实现这类效果,需要使用到Toolbar和DrawerLayout,详细步骤如下:(如果你还不知道这两个Widget,先自己Google吧~) 1.首先需要添加appcomp ...
- 使用Toolbar + DrawerLayout快速实现高大上菜单侧滑
如果你有在关注一些遵循最新的Material Design设计规范的应用的话(如果没有,假设你有!),也许会发现有很多使用了看起来很舒服.很高大上的侧滑菜单动画效果,示例如下(via 参考2): 今天 ...
- Android 使用Toolbar+DrawerLayout快速实现仿“知乎APP”侧滑导航效果
在以前,做策划导航的时候,最常用的组件便是SlidingMenu了,当初第一次用它的时候觉得那个惊艳啊,体验可以说是非常棒. 后来,Android自己推出了一个可以实现策划导航的组件DrawerLay ...
- Toolbar的使用
项目来源: https://github.com/xuwj/ToolbarDemo#userconsent# 一.V7包升级问题 折腾好久,终于解决 <style name="AppT ...
- 【Android - V】之DrawerLayout的使用
DrawerLayout是Android V4包中的一个布局控件,用来实现一个抽屉样式的布局. DrawerLayout通过设置子视图的layout_gravity来决定子视图停靠在屏幕的哪个边缘外侧 ...
- Androd Toolbar 的简单使用(转)
14年Android开发者大会提出了Android5.0 系统以及 材料设置 Material Design.在 材料设计中推出了大量的UI效果,其中某些功能 已添加进 兼容包,所以可以在低版本中来实 ...
- 【Android - 控件】之V - DrawerLayout的使用
DrawerLayout是Android V4包中的一个布局控件,用来实现一个抽屉样式的布局. DrawerLayout通过设置子视图的layout_gravity来决定子视图停靠在屏幕的哪个边缘外侧 ...
随机推荐
- mysql自动备份数据库
可以选择设置需要备份的库,自动备份压缩,自动删除 7 天前的备份,需要使用 crontab 定时执行. #!/bin/bash # 要备份的数据库名,多个数据库用空格分开 databases=(db1 ...
- php文件锁解决少量并发问题
阻塞(等待)模式: <?php $fp = fopen("lock.txt", "r"); if(flock($fp,LOCK_EX)) { //..处理 ...
- [转]iOS之浅谈纯代码控制UIViewController视图控制器跳转界面的几种方法
参考:http://www.mamicode.com/info-detail-469709.html 一.最普通的视图控制器UIViewContoller 一个普通的视图控制器一般只有模态跳转的功能( ...
- raywenderlich-iOS设计模式Part 1/2【译】
原文地址:http://www.raywenderlich.com/86477/introducing-ios-design-patterns-in-swift-part-1 Update 04/22 ...
- web design tools
https://www.google.com/webdesigner/ http://html.adobe.com/edge/inspect/ http://www.creativebloq.com/ ...
- Xcode 设置输出颜色
是不是看厌了Xcode单调的Log,在此,我教大家实现带颜色的Log 一 首先你需要安装一个Xcode插件---XCode Colors 插件Github地址 https://github.com/r ...
- 结缘PDO
起因 一直没有注意看数据库相关知识 几个月之前,无意打开如下一段代码: 被人吐槽是N年前的写法.后来也是学习需要,单一mysql已经不合适了.于是上网搜了一下好方法,PDO迎面而来. 诱惑 上网浏览时 ...
- 【高德地图API】如何解决坐标转换,坐标偏移?
http://bbs.amap.com/thread-18617-1-1.html#rd?sukey=cbbc36a2500a2e6c2b0b19115118ace519002ff3a52731f13 ...
- BZOJ 1660: [Usaco2006 Nov]Bad Hair Day 乱发节
Description Input * Line 1: 牛的数量 N. * Lines 2..N+1: 第 i+1 是一个整数,表示第i头牛的高度. Output * Line 1: 一个整数表示c[ ...
- 解决java.lang.NoClassDefFoundError: org.jdom.Content
报错:java.lang.NoClassDefFoundError: org.jdom.Content 解决办法: 更新lib目录下的jdom.jar 至最新版本.