1,新建我们自己的Library ? ? 2,编写库库代码 这里比较简单,就是实现一个简单的沉侵式状态栏。...沉侵式状态栏默认支持到4.4版本(5.0以后是系统默认支持的,对于5.0之前的是通过绘制一个和状态栏大小相等的矩形)。...,是通过绘制一个和状态栏一样的矩形。...setTranslucent(activity, DEFAULT_STATUS_BAR_ALPHA); } /** * 使状态栏半透明 * 适用于图片作为背景的界面...布局设置状态栏透明 */ public static void setTranslucentForDrawerLayout(Activity activity, DrawerLayout
注:底色透明是否生效与android版本有关,版本过低设置无效 1.在main.dart内设置 void main(){ runApp(new MyApp()); if (Platform.isAndroid...) { //设置Android头部的导航栏透明 SystemUiOverlayStyle systemUiOverlayStyle = SystemUiOverlayStyle( statusBarColor...Flutter沉浸式状态栏 void main() { runApp(MyApp()); if (Platform.isAndroid) { // 以下两行 设置android状态栏为透明的沉浸...SystemUiOverlayStyle ( value: SystemUiOverlayStyle.light, child: Material(child:Scaffold(),),); } 到此这篇关于Flutter 透明状态栏及字体颜色的文章就介绍到这了...,更多相关Flutter 状态栏字体颜色内容请搜索ZaLou.Cn以前的文章或继续浏览下面的相关文章希望大家以后多多支持ZaLou.Cn!
设置布局背景的状态栏透明度 设置顶部View的状态栏透明度 设置ViewPager中Fragment的状态栏 设置滑动返回的状态栏 设置DrawLayout的状态栏 如何实现 结论 1 前言 首先推广下...设置状态栏颜色 设置布局背景的状态栏透明度 设置顶部View的状态栏透明度 设置ViewPager中Fragment的状态栏 设置滑动返回的状态栏 设置DrawLayout的状态栏...设置布局背景的状态栏透明度 ? ? 这是相关的BarStatusAlphaActivity类,其主要代码如下所示,还是两个函数解决。 ? 设置顶部View的状态栏透明度 ? ?...需要注意的是,DrawerLayout需要添加android:fitsSystemWindows="true"这个属性,另外就是和Fragment一样,需要自己在顶层最上方添加假的状态栏。...有小伙伴对颜色状态栏的alpha肯定有疑问,说这alpha不对,并不是用来控制透明度的,的确,这个alpha并不是用来控制透明度的,这个alpha是材料设计中对状态栏阴影设置,默认效果值为112,下面是透明状态栏
在手机 app 开发过程中,经常会遇到一种需求,需要将 内容区域 顶到 状态栏 中去.这个时候,下面一段代码,就能很轻松解决问题了。 上代码之前先上效果图: ?...window.setNavigationBarColor(Color.TRANSPARENT); } setContentView(R.layout.activity_main); 将这段代码copy到Activity的...onCreate() 中,即可实现想要的效果。...大功告成,全透明的就这么简单! 以上这篇Android 快速实现状态栏透明样式的示例代码就是小编分享给大家的全部内容了,希望能给大家一个参考。
,miui6发布会把他叫做沉浸式,之后大家就自然而然的接受了沉浸式这个名称,其实实际应该叫做Translucent Bar,即为透明状态栏。...沉浸式实现原理其实是使整个activity布局延伸到整个屏幕,然后使状态栏变成透明色,有些手机会有导航栏,同样也可以把导航栏变成透明色,这样会使一些app更加美观。 先看两个概念 状态栏 ?...彩色状态栏+彩色导航栏 ? ? 结合DrawerLayout使用 ?...修改状态栏字体颜色为深色 ? ? 设置状态栏和导航栏透明度 ? ? ? 解决EditText和软键盘的问题 ? ?...,设置导航栏颜色的时候,底部布局会被导航栏遮住,除此之外还有一个小问题就是当用户设置状态栏为透明色的时候,不能时刻改变bar的颜色值,are you kidding?
随后在 Android 5.0 推出了 ToolBar 控件,这是一个完全独立的控件,你可以尽情的运用了。 ?...上面也说了这种错误的叫法是不对的,没有沉浸式状态栏 ,这种样式只是将内容 UI 设置成了全屏,把状态栏设置成了透明。...所以这种是叫做 状态栏透明模式 设置透明状态栏 先来几组效果图,从效果 1 开始逐渐递进演示,这里面的几个重要参数会在后面具体说明,这里先说明现象 1.内容布局全屏 在 Android 4.1 以上设置去除状态栏或者认为是状态栏被内容布局遮挡了...这个时候我们只要设置状态栏为透明。就是我们想要的透明状态栏的那种效果了。 效果图: ?...Android 4.4 修改状态栏颜色 // 将状态栏设置为透明(需要 API 19) 设置成这种模式后,状态栏会变成透明,我们的内容布局(只是我们 Activity 对应的布局,不包含 Window
windowNoTitle" true</item <item name="android:windowTranslucentStatus" true</item </style 就能得到透明的状态栏...,比较网易云音乐的界面会发现网易云的状态栏是全透明的,而通过设置windowTranslucentStatus得到的状态栏背景始终是半透明的矩形。...所以状态栏颜色会比toolbar颜色深一点(Material Design) 状态栏颜色深一点 ? 状态栏和toolbar颜色是相同的。 ? 为了达到同样的效果,搜索了挺多方法,找到一段代码比较合适。...设置以后就实现了网易云音乐的界面效果了。...WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS); window.setStatusBarColor(Color.TRANSPARENT); } 以上这篇Android5.0以上实现全透明的状态栏方法
-- 状态栏颜色 --> #3A5FCD <!...,由alpha(透明度)、red(红)、green(绿)、blue(蓝)构成, * Android中我们一般使用它的16进制, * 例如:"#FFAABBCC...",最左边到最右每两个字母就是代表alpha(透明度)、 * red(红)、green(绿)、blue(蓝)。...,由alpha(透明度)、red(红)、green(绿)、blue(蓝)构成, * Android中我们一般使用它的16进制, * 例如:"#FFAABBCC...上面的颜色处理:像如果有把Toolbar当成了ActionBar来使用而且有一些明显的ActionBar即视感的ActionButton的话,我觉得状态栏的颜色应该比ToolBar颜色深一点比较好,看起来有一点界限分隔
,由alpha(透明度)、red(红)、green(绿)、blue(蓝)构成, * Android中我们一般使用它的16进制, * 例如:"#FFAABBCC...",最左边到最右每两个字母就是代表alpha(透明度)、 * red(红)、green(绿)、blue(蓝)。...,由alpha(透明度)、red(红)、green(绿)、blue(蓝)构成, * Android中我们一般使用它的16进制, * 例如:"#FFAABBCC...",最左边到最右每两个字母就是代表alpha(透明度)、 * red(红)、green(绿)、blue(蓝)。...上面的颜色处理:像如果有把Toolbar当成了ActionBar来使用而且有一些明显的ActionBar即视感的ActionButton的话,我觉得状态栏的颜色应该比ToolBar颜色深一点比较好,看起来有一点界限分隔
就是当前布局置于根布局的左侧,而因为你的根布局是DrawerLayout,因此你的预览界面应该只能看到页面主布局。 ? 但是你要注意左边的这个蓝色线,这个代表了你当前的滑动菜单的位置。...不过屏幕顶部还是有那个很丑的状态栏,因此我们还需要美化一下。 在MainActivity中增加一个方法来设置状态栏透明。.../** * 透明状态栏 */ private void transparentStatusBar() { //改变状态栏颜色为透明 View...方法设置状态栏颜色为透明。...然后你还需要在activity_main.xml中去设置可以显示需要显示在状态栏中的布局。
Android 中的 DrawerLayout 就是一个抽屉导航组件,所以这个组件的功能当然也是一样的。...DrawerLayoutAndroid 是通过 renderNavigationView 方法渲染的,并且它的直接子视图是放置内容的主视图。...DrawerLayoutAndroid 属性 drawerBackgroundColor color 设置抽屉导航的背景色。默认值是白色。如果你想设置抽屉的透明度,使用RGBA。...renderNavigationView 该方法用于渲染一个可以从屏幕一边拖入的导航视图 statusBarBackgroundColor color 使抽屉导航覆盖整个屏幕,并绘制状态栏的背景,使其能够在覆盖到状态栏...,只有看直观的效果图才能够引起你们的注意,引起你们的兴趣。
, Android Design Support Library 更多的是对一些特效的实现,这个库和github上的很多开源的项目有很大的关系,material design的很多效果,同一种效果在github...官方的详细专题有更详细的说明来介绍使用material design带来的好处。但我们也知道,这种设计对于开发者来讲,尤其是在意向后兼容的开发者来说是一种挑战。...把NavigationView 作为DrawerLayout的内容视图来使用,比如下面的布局: <android.support.v4.widget.DrawerLayout xmlns...headerLayout="@layout/drawer_header" app:menu="@menu/drawer"/> android.support.v4.widget.DrawerLayout...NavigationView处理好了和状态栏的关系,可以确保NavigationView在API21(5.0)设备上正确的和状态栏交互。
(状态栏和导航栏统称为系统栏) ? 实现从边到边的全面屏体验后,系统栏会覆盖在应用内容前方。应用也得以通过更大幅面的内容为用户带来更具有冲击力的体验。...使用 Android 10 以下设备的用户同样能获得更加沉浸的体验。我们将它设置为可选,仅仅是为了最大程度地减少开发者的工作量和测试量。 在状态栏后面绘制内容 接下来,我们来看看屏幕顶部的状态栏。...只要您的内容和布局允许,我们建议尽量把内容也拓展到状态栏的后方。...再强调一次: 是否扩展应用内容的绘制区域完全取决于开发者,是可选的。 如何实现 想实现 "边到边" 全面屏体验分三步: 1. 请求进行全屏布局 第一步是让系统将我们应用布局扩展至系统栏后方。...Android 10 在 Android 10 上,我们只需要将系统栏颜色设为完全透明即可: <!
在android的v4包中有一个控件 Drawerlayout,主要实现了左拉和右拉菜单,类似于之前的“抽屉”功能,此控件使用简单,效果很柔和,操作起来体验非常好,下面是我实现的一个简单效果的部分截图:...通过上面的布局文件我们发现 drawerlayout中的子布局分为content、left、right三部分,其中left和right的布局需要在layout中声明android:layout_gravity...很显然,drawerlayout布局类似一个大容器,超屏布局,将left的布局放在了控件的开始地方,right的布局放在了控件结尾的地方。...(main_right_drawer_layout); } } } 其中要注意的地方一是:drawerLayout.setScrimColor(Color.TRANSPARENT),此属性设置的是侧滑布局显示时内容之外区域的背景颜色...,默认是灰色,这里我为了大家看着清晰就设置成透明的了;二是drawerLayout的监听器ActionBarDrawerToggle,而ActionBarDrawerToggle对象我们通过查阅ActionBarDrawerToggle
Android手机顶部用于显示各种通知和状态信息的这个栏叫做状态栏。 通常情况下,我们应用程序的内容都是显示在状态栏下方的。...但有时为了实现更好的视觉效果,我们希望将应用程序的内容延伸到状态栏的背后,这种就可以称之为沉浸式状态栏。...首先为了验证沉浸式状态栏的效果,需要将系统的状态栏改成透明色,代码如下所示: class MainActivity : AppCompatActivity() { override fun onCreate...让布局的内容延伸到状态栏的背后,如果一些可交互的控件被状态栏遮挡了怎么办?这样这些控件可能就无法点击和交互了。...在Google提供的诸多布局当中,并不是只有CoordinatorLayout会处理android:fitsSystemWindows属性,像CollapsingToolbarLayout、DrawerLayout
(状态栏和导航栏统称为系统栏) 实现从边到边的全面屏体验后,系统栏会覆盖在应用内容前方。应用也得以通过更大幅面的内容为用户带来更具有冲击力的体验。...使用 Android 10 以下设备的用户同样能获得更加沉浸的体验。我们将它设置为可选,仅仅是为了最大程度地减少开发者的工作量和测试量。 在状态栏后面绘制内容 接下来,我们来看看屏幕顶部的状态栏。...只要您的内容和布局允许,我们建议尽量把内容也拓展到状态栏的后方。...再强调一次: 是否扩展应用内容的绘制区域完全取决于开发者,是可选的。 如何实现 想实现 "边到边" 全面屏体验分三步: 1. 请求进行全屏布局 第一步是让系统将我们应用布局扩展至系统栏后方。...Android 10 在 Android 10 上,我们只需要将系统栏颜色设为完全透明即可: <!
相关实现的源码和文章网上已经很多了,比较流行的做法分别是使用 FrameLayout, HorizontalScrollView或者是DrawerLayout 其实要实现QQ 6.X版本侧滑效果最好的方案是使用...HorizontalScrollView,因为左侧菜单的透视效果在DrawerLayout下无法实现,或者说实现起来很麻烦,所以在这里我们还是先介绍使用DrawerLayout来制作效果,毕竟是官方给的控件...60%,不过这个方法有个缺陷,就是滑动的时候速度不是很均匀,如果要完善的话,可以通过重写DrawerLayout的源代码来解决,不过目前可以先用这种方案折中一下。...,用于改变View的大小,位置和透明度等属性,jar包可在源代码中获得。...这里对于当前操作是哪个菜单的判断是通过TAG判断的。 源码下载:使用DrawerLayout仿QQ6.0双侧滑菜单 以上就是本文的全部内容,希望对大家的学习有所帮助。
而有些人在没有完全了解清楚沉浸模式到底是什么东西的情况下,就张冠李戴地认为一些系统提供的状态栏操作就是沉浸式的,并且还起了一个沉浸式状态栏的名字。...因为游戏或者影视类的应用都希望能让用户完全沉浸在其中,享受它们提供的娱乐内容,但如果这个时候在屏幕的上方还显示一个系统状态栏的话,可能就会让用户分分钟产生跳戏的感觉。...海岛奇兵的这种模式就是典型的沉浸式模式,它的整个屏幕中显示都是游戏的内容,没有状态栏也没有导航栏,用户玩游戏的时候就可以完全沉浸在游戏当中,而不会被一些系统的界面元素所打扰。...,最后再调用Window的setStatusBarColor()方法将状态栏设置成透明色就可以了。...可以看到,类似于饿了么的状态栏效果就成功实现了。 再声明一次,这种效果不叫沉浸式状态栏,也完全没有沉浸式状态栏这种说法,我们估且可以把它叫做透明状态栏效果吧。
概述 最近流行 左侧抽屉式的导航条菜单,知乎,360,QQ都使用了这样的导航菜单,我们也了解下: Android Design 的流行趋势:Navigation Drawer 导航抽屉 参考这篇文章:http...: android.support.v4.widget.DrawerLayout 参考这片文章的解释:http://blog.csdn.net/xiahao86/article/details/8995827...MainActivity需要 为DrawerLayout 注册一个回调事件接口ActionBarDrawerToggle ,这个事件的实现者监听器会获得 抽屉弹出(onDrawerOpened)和关闭(...图标透明不可见 getActionBar().setIcon( new ColorDrawable(getResources().getColor(...* @param drawerLayout */ public void attacthDrawer(DrawerLayout drawerLayout) {
领取专属 10元无门槛券
手把手带您无忧上云