Android 4.4 实现透明状态栏和导航栏 Translucent system bar

  次阅读 来源:互联网(转载协议) 2016-01-19 12:41 我要评论(0)

When Android 4.4 KitKat was released, everyone was excited to see the new translucent status bar and navigation bar. It adds a whole new level of beauty to the operating system. After seeing Trello implement it so well, I wanted to implement it in my own apps. It took me a while with some research to sort some things out, so I thought I would post how I did it to help others and probably myself again at some point in the future.

The Goal

We will be making the status bar (the black bar on the top of the screen) transparent, along with the navigation bar (the black bar at the bottom of the screen). The main source of my original troubles was trying to make the transparent navigation bar correctly overlap with the ListView and display list items as they scroll under the navigation bar.

Part 1Initial Setup

First, we will make the status bar and navigation transparent. You must have two folders inside the /res folder of your project: values and values-v19. Files in the values-19 **folder will be used on API 19 (4.4 KitKat), files in the **valuesfolder will be used on anything below API 19. Then you must create two files, both called styles.xml, one for each values folder; the contents should look similar to what s shown below.

/values/styles.xml

1

2

3

4

<?xml version= 1.0encoding= utf-8 ?>

<resources>

<style name= Theme.TransparencyDemoparent= @android:style/Theme.Holo.Light />

</resources>

/values-v19/styles.xml

1

2

3

4

5

6

7

<?xml version= 1.0encoding= utf-8 ?>

<resources>

<style name= Theme.TransparencyDemoparent= @android:style/Theme.Holo.Light >

<item name= android:windowTranslucentStatus >true</item>

<item name= android:windowTranslucentNavigation >true</item>

</style>

</resources>

You then must set the Theme.TransparencyDemo theme to your application through its manifest:

In the layout containing your list, add two attributes to your ListView:

1

2

3

4

5

6

7

<?xml version= 1.0encoding= utf-8 ?>

<ListView xmlns:android= [http://schemas.android.com/apk/res/android ](http://schemas.android.com/apk/res/android );

android:id= @android:id/list

android:layout_width= fill_parent

android:layout_height= fill_parent

android:fitsSystemWindows= true

android:clipToPadding= false />

The fitsSystemWindows attribute makes your ListView fit to the edges of the action bar and navigation bar (instead of going under them), and clipToPadding makes items of your ListViews and ScrollViews scroll under the navigation bar (and allows the last item in the list scroll all the way up until it just passes the navigation bar). These attributes can also be added to your actual theme (in /values-v19/styles.xml), but that may not be right for all cases.

本站部分文章来源于网络以及网友投稿,本站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,并不意味着赞同其观点或证实其内容的真实性。如果您有什么意见或建议,请联系QQ28-1688-302!

人工智能实验室
相关文章相关文章
  • 品友互动为Digital Travel APAC2018 唯一受邀中国AI企业

    品友互动为Digital Travel APAC2018 唯一受邀中国AI企业

  • 第一批国家重点研发计划公布,旷视科技开启“五年行动”

    第一批国家重点研发计划公布,旷视科技开启“五年行动”

  • 长虹新款智能语音空调,告诉你空调也能玩Siri

    长虹新款智能语音空调,告诉你空调也能玩Siri

  • 让AI触手可及  Qualcomm携手创通联达推出全新终端侧AI开发套件

    让AI触手可及 Qualcomm携手创通联达推出全新终端侧AI开发套件

网友点评网友点评
阅读推荐阅读推荐

据外媒报道,STEER打造了首款完全自动驾驶停车技术,旨在使常规车辆转变为无人驾驶车辆。STEER的首款技术应用是4级自动驾驶及网络安全停车...

近日,美国软性机器抓手制造商 Soft Robotics 宣布,获得 2000 万美元的融资,本轮投资者包括 Scale Venture Partners,Calibrate Ventures...

据外媒报道,加州车管局发布了《2017自动驾驶脱离报告(California Autonomous Vehicle Disengagement Reports)》,其中谈及了脱离的具体...

用人机语音交互,来解决智能家居适老的问题;通过家庭门禁与安防套件、空气净化套件、可燃气体与有害气体监控套件等相互联动,在不同生活情...