Android ToolBar+DrawerLayout的实现

2024-09-08 08:48

本文主要是介绍Android ToolBar+DrawerLayout的实现,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

实现思路:
1.关联相应的依赖包

compile ‘com.android.support:appcompat-v7:25.3.1’

2.主布局

<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"  android:orientation="vertical"  tools:context="com.example.toolbar.MainActivity" >  <include layout="@layout/toolbar" />  <android.support.v4.widget.DrawerLayout  android:id="@+id/drawer"  android:layout_width="match_parent"  android:layout_height="match_parent" >  <!-- 内容界面 -->  <LinearLayout  android:layout_width="match_parent"  android:layout_height="match_parent"  android:orientation="vertical" >  <com.example.toolbar.widget.PagerSlidingTabStrip  android:id="@+id/tabs"  android:layout_width="match_parent"  android:layout_height="48dip" >  </com.example.toolbar.widget.PagerSlidingTabStrip>  <android.support.v4.view.ViewPager  android:id="@+id/pager"  android:layout_width="match_parent"  android:layout_height="match_parent" >  </android.support.v4.view.ViewPager>  </LinearLayout>  <!-- 侧滑菜单内容 -->  <LinearLayout  android:id="@+id/drawer_view"  android:layout_width="match_parent"  android:layout_height="match_parent"  android:layout_gravity="start"  android:background="@drawable/drawer"  android:orientation="vertical"  android:padding="8dp" >  <TextView  android:layout_width="match_parent"  android:layout_height="match_parent" />  </LinearLayout>  </android.support.v4.widget.DrawerLayout>  </LinearLayout>  

Toolbar布局

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app ="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="?attr/colorPrimary"
android:popupTheme="@style/ThemeOverlay.AppCompat.Light"
android:theme="@style/ThemeOverlay.AppCompat.ActionBar"></android.support.v7.widget.Toolbar>

Toolbar条上item的布局

<menu xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"tools:context=".MainActivity" ><item android:id="@+id/action_edit"android:title="edit"android:orderInCategory="80"android:icon="@mipmap/ic_launcher"app:showAsAction="ifRoom" /><item android:id="@+id/action_share"android:title="share"android:orderInCategory="90"android:icon="@mipmap/ic_launcher"app:showAsAction="ifRoom" /><item android:id="@+id/action_settings"android:title="settings"android:orderInCategory="100"app:showAsAction="never"/></menu>

3.需要在style文件中,设置noActiobBar

<resources><!-- Base application theme. --><style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"><!-- Customize your theme here. --><item name="colorPrimary">@color/colorPrimary</item><item name="colorPrimaryDark">@color/colorPrimaryDark</item><item name="colorAccent">@color/colorAccent</item></style></resources>

4.在Activity中去找到ToolBar控件,然后关联ActionBar操作

mToolBar = (Toolbar) this.findViewById(R.id.toolbar);mToolBar.setTitle("XHTest");setSupportActionBar(mToolBar);// 3.设置返回箭头getSupportActionBar().setDisplayHomeAsUpEnabled(true);ActionBarDrawerToggle toggle =  new ActionBarDrawerToggle(this,mDrawer,mToolBar,R.string.app_name,R.string.app_name);toggle.syncState();mDrawer.addDrawerListener(toggle);mToolBar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {@Overridepublic boolean onMenuItemClick(MenuItem item) {switch(item.getItemId()) {
//                    case R.id.action_search:
//                        Toast.makeText(getApplicationContext(), "搜索", Toast.LENGTH_SHORT).show();
//                        break;case R.id.action_edit:Toast.makeText(getApplicationContext(), "搜索", Toast.LENGTH_SHORT).show();break;case R.id.action_settings:Toast.makeText(getApplicationContext(), "设置", Toast.LENGTH_SHORT).show();break;case R.id.action_share:Toast.makeText(getApplicationContext(), "分享", Toast.LENGTH_SHORT).show();break;default:break;}return true;}});

5.注意,要调用onCreateOptionsMenu方法,ToolBar上的item才会显示

// 1.必须创建菜单,才会显示@Overridepublic boolean onCreateOptionsMenu(Menu menu) {MenuInflater inflater = getMenuInflater();inflater.inflate(R.menu.toolbar_item,menu);return super.onCreateOptionsMenu(menu);}

6.Palette的使用
6.1 首先关联一个依赖包

compile ‘com.android.support:palette-v7:23.4.0’

6.2 使用Palette的异步方法

private void changeBackgroundColor(int position) {
// 用来提取颜色的Bitmap
Bitmap bitmap = BitmapFactory.decodeResource(getResources(), PaletteFragment.getBackgroundBitmapPosition(position));
// Palette的部分
Palette.Builder builder = Palette.from(bitmap);
builder.generate(new Palette.PaletteAsyncListener() {@Override public void onGenerated(Palette palette) {//获取到充满活力的这种色调Palette.Swatch vibrant = palette.getVibrantSwatch();//根据调色板Palette获取到图片中的颜色设置到toolbar和tab中背景,标题等,使整个UI界面颜色统一toolbar_tab.setBackgroundColor(vibrant.getRgb());toolbar_tab.setSelectedTabIndicatorColor(colorBurn(vibrant.getRgb()));toolbar.setBackgroundColor(vibrant.getRgb());if (android.os.Build.VERSION.SDK_INT >= 21) {Window window = getWindow();window.setStatusBarColor(colorBurn(vibrant.getRgb()));window.setNavigationBarColor(colorBurn(vibrant.getRgb()));}}
});};/*** 颜色加深处理** @param RGBValues*            RGB的值,由alpha(透明度)、red(红)、green(绿)、blue(蓝)构成,*            Android中我们一般使用它的16进制,*            例如:"#FFAABBCC",最左边到最右每两个字母就是代表alpha(透明度)、*            red(红)、green(绿)、blue(蓝)。每种颜色值占一个字节(8位),值域0~255*            所以下面使用移位的方法可以得到每种颜色的值,然后每种颜色值减小一下,在合成RGB颜色,颜色就会看起来深一些了* @return*/private int colorBurn(int RGBValues) {int alpha = RGBValues >> 24;int red = RGBValues >> 16 & 0xFF;int green = RGBValues >> 8 & 0xFF;int blue = RGBValues & 0xFF;red = (int) Math.floor(red * (1 - 0.1));green = (int) Math.floor(green * (1 - 0.1));blue = (int) Math.floor(blue * (1 - 0.1));return Color.rgb(red, green, blue);}

这篇关于Android ToolBar+DrawerLayout的实现的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1147658

相关文章

python实现svg图片转换为png和gif

《python实现svg图片转换为png和gif》这篇文章主要为大家详细介绍了python如何实现将svg图片格式转换为png和gif,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录python实现svg图片转换为png和gifpython实现图片格式之间的相互转换延展:基于Py

Python利用ElementTree实现快速解析XML文件

《Python利用ElementTree实现快速解析XML文件》ElementTree是Python标准库的一部分,而且是Python标准库中用于解析和操作XML数据的模块,下面小编就来和大家详细讲讲... 目录一、XML文件解析到底有多重要二、ElementTree快速入门1. 加载XML的两种方式2.

Java的栈与队列实现代码解析

《Java的栈与队列实现代码解析》栈是常见的线性数据结构,栈的特点是以先进后出的形式,后进先出,先进后出,分为栈底和栈顶,栈应用于内存的分配,表达式求值,存储临时的数据和方法的调用等,本文给大家介绍J... 目录栈的概念(Stack)栈的实现代码队列(Queue)模拟实现队列(双链表实现)循环队列(循环数组

C++如何通过Qt反射机制实现数据类序列化

《C++如何通过Qt反射机制实现数据类序列化》在C++工程中经常需要使用数据类,并对数据类进行存储、打印、调试等操作,所以本文就来聊聊C++如何通过Qt反射机制实现数据类序列化吧... 目录设计预期设计思路代码实现使用方法在 C++ 工程中经常需要使用数据类,并对数据类进行存储、打印、调试等操作。由于数据类

Python实现图片分割的多种方法总结

《Python实现图片分割的多种方法总结》图片分割是图像处理中的一个重要任务,它的目标是将图像划分为多个区域或者对象,本文为大家整理了一些常用的分割方法,大家可以根据需求自行选择... 目录1. 基于传统图像处理的分割方法(1) 使用固定阈值分割图片(2) 自适应阈值分割(3) 使用图像边缘检测分割(4)

Android实现在线预览office文档的示例详解

《Android实现在线预览office文档的示例详解》在移动端展示在线Office文档(如Word、Excel、PPT)是一项常见需求,这篇文章为大家重点介绍了两种方案的实现方法,希望对大家有一定的... 目录一、项目概述二、相关技术知识三、实现思路3.1 方案一:WebView + Office Onl

C# foreach 循环中获取索引的实现方式

《C#foreach循环中获取索引的实现方式》:本文主要介绍C#foreach循环中获取索引的实现方式,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录一、手动维护索引变量二、LINQ Select + 元组解构三、扩展方法封装索引四、使用 for 循环替代

Spring Security+JWT如何实现前后端分离权限控制

《SpringSecurity+JWT如何实现前后端分离权限控制》本篇将手把手教你用SpringSecurity+JWT搭建一套完整的登录认证与权限控制体系,具有很好的参考价值,希望对大家... 目录Spring Security+JWT实现前后端分离权限控制实战一、为什么要用 JWT?二、JWT 基本结构

Java实现优雅日期处理的方案详解

《Java实现优雅日期处理的方案详解》在我们的日常工作中,需要经常处理各种格式,各种类似的的日期或者时间,下面我们就来看看如何使用java处理这样的日期问题吧,感兴趣的小伙伴可以跟随小编一起学习一下... 目录前言一、日期的坑1.1 日期格式化陷阱1.2 时区转换二、优雅方案的进阶之路2.1 线程安全重构2

Android实现两台手机屏幕共享和远程控制功能

《Android实现两台手机屏幕共享和远程控制功能》在远程协助、在线教学、技术支持等多种场景下,实时获得另一部移动设备的屏幕画面,并对其进行操作,具有极高的应用价值,本项目旨在实现两台Android手... 目录一、项目概述二、相关知识2.1 MediaProjection API2.2 Socket 网络