toolbar+drawerlayout仿知乎侧栏~~步骤
来源:互联网 发布:关于吉他的软件 编辑:程序博客网 时间:2024/05/21 17:21
toolbar是android.support.v7.widget的
drawerLayout是android.support.v4的,记得引用
1.首先修改一下app的theme,在values/styles.xml中加入两个<item>
<item name="windowActionBar">false</item> <item name="windowNoTitle">true</item>提醒:是windowActionBar不是android:windowActionBar,版本更新了,带android的会爆错。
为什么要修改呢?因为我们要的是toolbar,所以要屏蔽掉actionbar
2.然后在xml中加入<android.support.v7.widget.Toolbar>以及<<android.support.v4.widget.DrawerLayout>结点,侧栏及内容放在Drawerlayout中,侧栏设置layout_gravity为start或者left,当然也可以同时加入一个右边的侧栏。
类似这样
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity" android:orientation="vertical"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="#0099FF"> </android.support.v7.widget.Toolbar> <android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/drawerlayout" android:layout_width="match_parent" android:layout_height="match_parent" > <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="内容"/> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:layout_gravity="start" android:background="#fff"> <ListView android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/listview" android:divider="@null" ></ListView> </LinearLayout> </android.support.v4.widget.DrawerLayout></LinearLayout>
3.在values/strings.xml文件中加入两个
<string name="drawer_open">Drawer Open</string><string name="drawer_close">Drawer Close</string>
4.
Toolbar toolbar; DrawerLayout drawerLayout; ActionBarDrawerToggle actionBarDrawerToggle;
toolbar=(Toolbar)findViewById(R.id.toolbar); //toolbar.inflateMenu(R.menu.menu_main); setSupportActionBar(toolbar); getSupportActionBar().setDisplayHomeAsUpEnabled(true); getSupportActionBar().setDisplayShowTitleEnabled(false); drawerLayout=(DrawerLayout)findViewById(R.id.drawerlayout); actionBarDrawerToggle=new ActionBarDrawerToggle(this,drawerLayout,toolbar, R.string.drawer_open,R.string.drawer_close); actionBarDrawerToggle.syncState(); drawerLayout.setDrawerListener(actionBarDrawerToggle);
0 0
- toolbar+drawerlayout仿知乎侧栏~~步骤
- DrawerLayout,Toolbar
- DrawerLayout + Toolbar
- ToolBar + DrawerLayout
- Drawerlayout Toolbar
- Toolbar+DrawerLayout
- DrawerLayout+ToolBar
- DrawerLayout + Toolbar + ViewPager
- Toolbar+DrawerLayout侧边导航
- ToolBar+DrawerLayout+NavigationView
- DrawerLayout+Toolbar+NavigationView注意事项
- ToolBar 和 DrawerLayout实现侧滑栏
- Toolbar + DrawerLayout实现侧滑
- DrawerLayout与ToolBar之双宿双飞
- Android Toolbar+DrawerLayout使用细节
- DrawerLayout+Toolbar用法初体验
- ToolBar自定义图标,关联DrawerLayout
- Toolbar 关联 DrawerLayout (抽屉菜单)
- AJ整理问题之:copy,对象自定义copy 什么是property
- AJ学IOS(18)UI之QQ聊天布局_键盘通知实现自动弹出隐藏_自动回复
- AJ学IOS(19)UI之QQ好友列表
- AJ学IOS(20)UI之UIPickerView_点菜系统
- AJ学IOS(21)UIApplication设置程序图标右上⾓红⾊数字_联⺴指⽰器等
- toolbar+drawerlayout仿知乎侧栏~~步骤
- AJ学IOS(22)UI之UIApplicationDelegate和UIWindow
- AJ学IOS(23)UI之控制器管理
- AJ学IOS(24)UI之注册案例
- AJ学IOS(25)UI之触摸事件
- AJ学IOS(26)UI之iOS抽屉效果小Demo
- AJ学IOS(27)UI之iOSUIKit字符属性NSAttributedString概述
- AJ学IOS(28)UI之Quartz2D简单介绍
- AJ学IOS(29)UI之Quartz2D自定义下载控件_画各种图形