android状态栏一体化、沉浸式状态栏(兼容低版本)

来源:互联网 发布:数据库修改语句有哪些 编辑:程序博客网 时间:2024/06/05 06:38

摘要 Android 沉浸式状态栏、状态栏一体化、透明状态栏、仿iOS透明状态栏


Google 在 4.4 给全屏阅读文字或玩游戏这种情景增加了透明状态栏和透明导航栏的功能。

首先上两张乐家驿站应用的截图,实际效果大家也可以下载体验,乐家驿站下载:http://www.wandoujia.com/apps/com.haier.cabinet.customer


    


注意:本文是自定义标题栏,不用android默认自带的标题栏。

第一步:设置 Acitivity 所在 window 的属性

    

[java] view plain copy
print?在CODE上查看代码片派生到我的代码片
  1. @Override  
  2.     public void onCreate(Bundle savedInstanceState) {  
  3.         super.onCreate(savedInstanceState);  
  4.         setContentView(R.layout.activity_main);  
  5.   
  6.         //透明状态栏  
  7.         if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {  
  8.             Window window = getWindow();  
  9.             // Translucent status bar  
  10.             window.setFlags(  
  11.                     WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS,  
  12.                     WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);  
  13.         }  
  14.   
  15.         
  16.   
  17.     }  
@Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        //透明状态栏        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {            Window window = getWindow();            // Translucent status bar            window.setFlags(                    WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS,                    WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);        }    }


[java] view plain copy
print?在CODE上查看代码片派生到我的代码片
  1. //透明状态栏  
  2. getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);  
  3. //透明导航栏  
  4. getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);  
        //透明状态栏        getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);        //透明导航栏        getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);

只要加入上面两行代码,就可以实现沉浸式通知栏了。效果如图:


设置状态栏的颜色

状态栏的颜色跟两个属性有关:
[java] view plain copy
print?在CODE上查看代码片派生到我的代码片
  1. android:fitsSystemWindows=“true”  
  2. android:clipToPadding=”true”  
    android:fitsSystemWindows="true"    android:clipToPadding="true"

只要在某个view设置了该熟悉,那么状态栏的颜色就跟该view的背景色保持一致。
布局文件:
[html] view plain copy
print?在CODE上查看代码片派生到我的代码片
  1. <LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android”  
  2.     xmlns:tools=“http://schemas.android.com/tools”  
  3.     android:layout_width=“match_parent”  
  4.     android:layout_height=“match_parent”  
  5.     android:background=“#ffffff”  
  6.     android:orientation=“vertical”  
  7.     tools:context=“.MainActivity”>  
  8.   
  9.     <TextView  
  10.         android:fitsSystemWindows=“true”  
  11.         android:clipToPadding=“true”  
  12.         android:layout_width=“match_parent”  
  13.         android:layout_height=“100dp”  
  14.         android:background=“#009959”  
  15.         android:text=“你好,请问你有男朋友吗”/>  
  16.   
  17.   
  18.     <Button  
  19.         android:layout_width=“100dp”  
  20.         android:layout_height=“50dp”  
  21.         android:background=“#ff669d”/>  
  22.   
  23. </LinearLayout>  
<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:background="#ffffff"    android:orientation="vertical"    tools:context=".MainActivity">    <TextView        android:fitsSystemWindows="true"        android:clipToPadding="true"        android:layout_width="match_parent"        android:layout_height="100dp"        android:background="#009959"        android:text="你好,请问你有男朋友吗"/>    <Button        android:layout_width="100dp"        android:layout_height="50dp"        android:background="#ff669d"/></LinearLayout>

由于我们要实现的是状态栏和顶部的控件是同一个颜色,同时,控件内容也不和状态栏重复,所以只要把那两行代码放到我们顶部的控件就可以了。

上面内容部分来自博客http://blog.csdn.net/carlos1992/article/details/46773059,感谢原作者。

下面我们来解决兼容性问题。

犹豫这个特性是andorid4.4支持的,最少要api19才可以使用,那么低于4.4的怎么办呢?这里我们还是通过自定义标题栏的方式解决。

首先我们来看怎么实现文章开头特产惠界面的效果。

本应用是FragmentAcitity+Framgment实现,故主界面是四个fragment组成。
MainUIAcitivy中onCreate方法:
[java] view plain copy
print?在CODE上查看代码片派生到我的代码片
  1. @Override  
  2.     public void onCreate(Bundle savedInstanceState) {  
  3.         super.onCreate(savedInstanceState);  
  4.         setContentView(R.layout.activity_main);  
  5.   
  6.         //透明状态栏  
  7.         if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {  
  8.             Window window = getWindow();  
  9.             // Translucent status bar  
  10.             window.setFlags(  
  11.                     WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS,  
  12.                     WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);  
  13.         }  
  14.   
  15.         // 强制更新  
  16.         UmengUpdateAgent.setDialogListener(new UmengDialogButtonListener() {  
  17.   
  18.             @Override  
  19.             public void onClick(int status) {  
  20.                 switch (status) {  
  21.                     case UpdateStatus.Update:  
  22.                         break;  
  23.                     default:  
  24.                         // close the app  
  25.                         AppToast.showShortText(MainUIActivity.this,  
  26.                                 ”非常抱歉,您需要更新应用才能继续使用”);  
  27.                         MainUIActivity.this.finish();  
  28.                 }  
  29.             }  
  30.         });  
  31.     }  
@Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        //透明状态栏        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {            Window window = getWindow();            // Translucent status bar            window.setFlags(                    WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS,                    WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);        }        // 强制更新        UmengUpdateAgent.setDialogListener(new UmengDialogButtonListener() {            @Override            public void onClick(int status) {                switch (status) {                    case UpdateStatus.Update:                        break;                    default:                        // close the app                        AppToast.showShortText(MainUIActivity.this,                                "非常抱歉,您需要更新应用才能继续使用");                        MainUIActivity.this.finish();                }            }        });    }

首页(特产惠)布局的加载如下代码,大家可以看到根据当前api是否大于4.4,加载不同的布局,归根到底就是标题栏的不同。
[java] view plain copy
print?在CODE上查看代码片派生到我的代码片
  1. @Override  
  2.    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {  
  3.        View view = inflater.inflate(R.layout.fragment_home, container, false);  
  4.        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {  
  5.            view = inflater.inflate(R.layout.fragment_home_v19, container, false);  
  6.        }  
  7.        return view;  
  8.    }  
 @Override    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {        View view = inflater.inflate(R.layout.fragment_home, container, false);        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {            view = inflater.inflate(R.layout.fragment_home_v19, container, false);        }        return view;    }

fragment_home.xml
[html] view plain copy
print?在CODE上查看代码片派生到我的代码片
  1. <?xml version=“1.0” encoding=“utf-8”?>  
  2. <RelativeLayout xmlns:android=“http://schemas.android.com/apk/res/android”  
  3.     android:layout_width=“match_parent”  
  4.     android:layout_height=“match_parent”  
  5.     android:background=“@color/app_bg”  
  6.     >  
  7.   
  8.         <!–其他布局–>  
  9.   
  10.     <RelativeLayout  
  11.         android:id=“@+id/index_title_bar”  
  12.         android:layout_alignParentTop=“true”  
  13.         style=“@style/title_bar_style_home”  
  14.         android:fitsSystemWindows=“true”  
  15.         android:gravity=“center”  
  16.         >  
  17.   
  18.         <TextView  
  19.             android:id=“@+id/current_city_text”  
  20.             android:layout_width=“wrap_content”  
  21.             android:layout_height=“wrap_content”  
  22.             android:layout_alignParentLeft=“true”  
  23.             android:layout_centerVertical=“true”  
  24.             android:layout_marginLeft=“10dp”  
  25.             android:drawableTop=“@drawable/ic_location”  
  26.             android:drawablePadding=“2dp”  
  27.             android:text=“北京”  
  28.             android:textColor=“#fff”  
  29.             android:textSize=“10sp” />  
  30.   
  31.         <TextView  
  32.             android:id=“@+id/tv_title”  
  33.             android:layout_centerVertical=“true”  
  34.             android:layout_width=“match_parent”  
  35.             android:layout_height=“33dp”  
  36.             android:gravity=“center_vertical”  
  37.             android:layout_weight=“10”  
  38.             android:background=“@drawable/shape_edit_corners_bg”  
  39.             android:hint=“请输入商品名称”  
  40.             android:imeOptions=“actionSearch”  
  41.             android:singleLine=“true”  
  42.             android:textColor=“@color/black_text”  
  43.             android:textColorHint=“#ffb6b6b6”  
  44.             android:textSize=“14sp”  
  45.             android:maxLength=“10”  
  46.             android:paddingLeft=“5dp”  
  47.             android:paddingRight=“3dp”  
  48.             android:drawableLeft=“@drawable/ic_search”  
  49.             android:drawableRight=“@drawable/bg_btn_voice”  
  50.             android:layout_toLeftOf=“@+id/image_right”  
  51.             android:layout_toRightOf=“@+id/current_city_text”  
  52.             android:layout_marginLeft=“10dp”  
  53.             android:layout_marginRight=“10dp”/>  
  54.   
  55.         <TextView  
  56.             android:id=“@+id/image_right”  
  57.             android:layout_width=“wrap_content”  
  58.             android:layout_height=“wrap_content”  
  59.             android:layout_alignParentRight=“true”  
  60.             android:layout_centerVertical=“true”  
  61.             android:layout_marginRight=“10dp”  
  62.             android:drawableTop=“@drawable/ic_category”  
  63.             android:drawablePadding=“2dp”  
  64.             android:text=“分类”  
  65.             android:textColor=“#fff”  
  66.             android:textSize=“10sp” />  
  67.   
  68.     </RelativeLayout>  
  69. </RelativeLayout>  
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:background="@color/app_bg"    >        <!--其他布局-->    <RelativeLayout        android:id="@+id/index_title_bar"        android:layout_alignParentTop="true"        style="@style/title_bar_style_home"        android:fitsSystemWindows="true"        android:gravity="center"        >        <TextView            android:id="@+id/current_city_text"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_alignParentLeft="true"            android:layout_centerVertical="true"            android:layout_marginLeft="10dp"            android:drawableTop="@drawable/ic_location"            android:drawablePadding="2dp"            android:text="北京"            android:textColor="#fff"            android:textSize="10sp" />        <TextView            android:id="@+id/tv_title"            android:layout_centerVertical="true"            android:layout_width="match_parent"            android:layout_height="33dp"            android:gravity="center_vertical"            android:layout_weight="10"            android:background="@drawable/shape_edit_corners_bg"            android:hint="请输入商品名称"            android:imeOptions="actionSearch"            android:singleLine="true"            android:textColor="@color/black_text"            android:textColorHint="#ffb6b6b6"            android:textSize="14sp"            android:maxLength="10"            android:paddingLeft="5dp"            android:paddingRight="3dp"            android:drawableLeft="@drawable/ic_search"            android:drawableRight="@drawable/bg_btn_voice"            android:layout_toLeftOf="@+id/image_right"            android:layout_toRightOf="@+id/current_city_text"            android:layout_marginLeft="10dp"            android:layout_marginRight="10dp"/>        <TextView            android:id="@+id/image_right"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_alignParentRight="true"            android:layout_centerVertical="true"            android:layout_marginRight="10dp"            android:drawableTop="@drawable/ic_category"            android:drawablePadding="2dp"            android:text="分类"            android:textColor="#fff"            android:textSize="10sp" />    </RelativeLayout></RelativeLayout>

fragment_home_v19.xml
[html] view plain copy
print?在CODE上查看代码片派生到我的代码片
  1. <?xml version=“1.0” encoding=“utf-8”?>  
  2. <RelativeLayout xmlns:android=“http://schemas.android.com/apk/res/android”  
  3.     android:layout_width=“match_parent”  
  4.     android:layout_height=“match_parent”  
  5.     android:background=“@color/app_bg”  
  6.     android:orientation=“vertical”  
  7.     >  
  8.   
  9.         <!– 其他布局 –>  
  10.   
  11.     <RelativeLayout  
  12.         android:id=“@+id/index_title_bar”  
  13.         android:layout_alignParentTop=“true”  
  14.         style=“@style/title_bar_style_home_v19”  
  15.         android:fitsSystemWindows=“true”  
  16.         android:gravity=“center”  
  17.         android:paddingTop=“@dimen/title_bar_padding_top”  
  18.         >  
  19.   
  20.         <TextView  
  21.             android:id=“@+id/current_city_text”  
  22.             android:layout_width=“wrap_content”  
  23.             android:layout_height=“wrap_content”  
  24.             android:layout_alignParentLeft=“true”  
  25.             android:layout_centerVertical=“true”  
  26.             android:layout_marginLeft=“10dp”  
  27.             android:drawableTop=“@drawable/ic_location”  
  28.             android:drawablePadding=“2dp”  
  29.             android:text=“北京”  
  30.             android:textColor=“#fff”  
  31.             android:textSize=“10sp” />  
  32.   
  33.         <TextView  
  34.             android:id=“@+id/tv_title”  
  35.             android:layout_centerVertical=“true”  
  36.             android:layout_width=“match_parent”  
  37.             android:layout_height=“33dp”  
  38.             android:gravity=“center_vertical”  
  39.             android:layout_weight=“10”  
  40.             android:background=“@drawable/shape_edit_corners_bg”  
  41.             android:hint=“请输入商品名称”  
  42.             android:imeOptions=“actionSearch”  
  43.             android:singleLine=“true”  
  44.             android:textColor=“@color/black_text”  
  45.             android:textColorHint=“#ffb6b6b6”  
  46.             android:textSize=“14sp”  
  47.             android:maxLength=“10”  
  48.             android:paddingLeft=“5dp”  
  49.             android:paddingRight=“3dp”  
  50.             android:drawableLeft=“@drawable/ic_search”  
  51.             android:drawableRight=“@drawable/bg_btn_voice”  
  52.             android:layout_toLeftOf=“@+id/image_right”  
  53.             android:layout_toRightOf=“@+id/current_city_text”  
  54.             android:layout_marginLeft=“10dp”  
  55.             android:layout_marginRight=“10dp”/>  
  56.   
  57.         <TextView  
  58.             android:id=“@+id/image_right”  
  59.             android:layout_width=“wrap_content”  
  60.             android:layout_height=“wrap_content”  
  61.             android:layout_alignParentRight=“true”  
  62.             android:layout_centerVertical=“true”  
  63.             android:layout_marginRight=“10dp”  
  64.             android:drawableTop=“@drawable/ic_category”  
  65.             android:drawablePadding=“2dp”  
  66.             android:text=“分类”  
  67.             android:textColor=“#fff”  
  68.             android:textSize=“10sp” />  
  69.   
  70.     </RelativeLayout>  
  71. </RelativeLayout>  
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:background="@color/app_bg"    android:orientation="vertical"    >        <!-- 其他布局 -->    <RelativeLayout        android:id="@+id/index_title_bar"        android:layout_alignParentTop="true"        style="@style/title_bar_style_home_v19"        android:fitsSystemWindows="true"        android:gravity="center"        android:paddingTop="@dimen/title_bar_padding_top"        >        <TextView            android:id="@+id/current_city_text"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_alignParentLeft="true"            android:layout_centerVertical="true"            android:layout_marginLeft="10dp"            android:drawableTop="@drawable/ic_location"            android:drawablePadding="2dp"            android:text="北京"            android:textColor="#fff"            android:textSize="10sp" />        <TextView            android:id="@+id/tv_title"            android:layout_centerVertical="true"            android:layout_width="match_parent"            android:layout_height="33dp"            android:gravity="center_vertical"            android:layout_weight="10"            android:background="@drawable/shape_edit_corners_bg"            android:hint="请输入商品名称"            android:imeOptions="actionSearch"            android:singleLine="true"            android:textColor="@color/black_text"            android:textColorHint="#ffb6b6b6"            android:textSize="14sp"            android:maxLength="10"            android:paddingLeft="5dp"            android:paddingRight="3dp"            android:drawableLeft="@drawable/ic_search"            android:drawableRight="@drawable/bg_btn_voice"            android:layout_toLeftOf="@+id/image_right"            android:layout_toRightOf="@+id/current_city_text"            android:layout_marginLeft="10dp"            android:layout_marginRight="10dp"/>        <TextView            android:id="@+id/image_right"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_alignParentRight="true"            android:layout_centerVertical="true"            android:layout_marginRight="10dp"            android:drawableTop="@drawable/ic_category"            android:drawablePadding="2dp"            android:text="分类"            android:textColor="#fff"            android:textSize="10sp" />    </RelativeLayout></RelativeLayout>

style.xml
[html] view plain copy
print?在CODE上查看代码片派生到我的代码片
  1. <style name=“title_bar_style_home”><!– 首页用 –>  
  2.         <item name=“android:background”>#ffc6003b</item>  
  3.         <item name=“android:paddingLeft”>0.0dip</item>  
  4.         <item name=“android:paddingRight”>0.0dip</item>  
  5.         <item name=“android:layout_width”>fill_parent</item>  
  6.         <item name=“android:layout_height”>48dp</item>  
  7.     </style>  
  8.     <style name=“title_bar_style_home_v19”><!– 首页用v19 –>  
  9.         <item name=“android:background”>#ffc6003b</item>  
  10.         <item name=“android:paddingLeft”>0.0dip</item>  
  11.         <item name=“android:paddingRight”>0.0dip</item>  
  12.         <item name=“android:layout_width”>fill_parent</item>  
  13.         <item name=“android:layout_height”>65dp</item>  
  14.     </style>  
<style name="title_bar_style_home"><!-- 首页用 -->        <item name="android:background">#ffc6003b</item>        <item name="android:paddingLeft">0.0dip</item>        <item name="android:paddingRight">0.0dip</item>        <item name="android:layout_width">fill_parent</item>        <item name="android:layout_height">48dp</item>    </style>    <style name="title_bar_style_home_v19"><!-- 首页用v19 -->        <item name="android:background">#ffc6003b</item>        <item name="android:paddingLeft">0.0dip</item>        <item name="android:paddingRight">0.0dip</item>        <item name="android:layout_width">fill_parent</item>        <item name="android:layout_height">65dp</item>    </style>

values/dimens.xml
<dimen name="title_bar_padding_top">0dp</dimen>
values-v19/dimens.xml
<dimen name="title_bar_padding_top">20dp</dimen>

首页(特产惠)的关键代码就这么多,下面我们来重点看第二个fragment(生活+)。

跟首页不同的是,生活+界面的标题栏是白色的,如果实现侵色,状态栏也是白色的,这样状态栏的白色字就看不见了,下面给出解决方法。

解决的办法还是自定义标题栏。

原理:自定义标题栏(包含状态栏),背景为黑色,也就是状态栏的颜色。高度为68dp,然后设置paddingTop=20dp,这个20dp就是状态栏的高度。剩下的48dp就是我们真正的标题栏。

首先还是根据当前api是否大于4.4,加载不同的布局,归根到底就是状态栏的不同。
[java] view plain copy
print?在CODE上查看代码片派生到我的代码片
  1. @Override  
  2.     public View onCreateView(LayoutInflater inflater, ViewGroup container,  
  3.             Bundle savedInstanceState) {  
  4.         View view = inflater.inflate(R.layout.fragment_life, container, false);  
  5.         if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {  
  6.             view = inflater.inflate(R.layout.fragment_life_v19, container, false);  
  7.         }  
  8.           
  9.         return view;  
  10.     }  
@Override    public View onCreateView(LayoutInflater inflater, ViewGroup container,            Bundle savedInstanceState) {        View view = inflater.inflate(R.layout.fragment_life, container, false);        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {            view = inflater.inflate(R.layout.fragment_life_v19, container, false);        }        return view;    }

fragment_life.xml
[html] view plain copy
print?在CODE上查看代码片派生到我的代码片
  1. <?xml version=“1.0” encoding=“utf-8”?>  
  2. <LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android”  
  3.     android:id=“@+id/root_layout”  
  4.     android:layout_width=“match_parent”  
  5.     android:layout_height=“match_parent”  
  6.     android:orientation=“vertical”>  
  7.   
  8.     <include layout=“@layout/title_bar_main” />  
  9.   
  10.     <!– 其他布局 –>  
  11. </LinearLayout>  
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:id="@+id/root_layout"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical">    <include layout="@layout/title_bar_main" />    <!-- 其他布局 --></LinearLayout>


title_bar_main.xml
[html] view plain copy
print?在CODE上查看代码片派生到我的代码片
  1. <?xml version=“1.0” encoding=“utf-8”?>  
  2. <LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android”  
  3.     android:id=“@+id/main_title_bar”  
  4.     style=“@style/title_bar_style_main”  
  5.     android:fitsSystemWindows=“true”  
  6.     >  
  7.   
  8.     <RelativeLayout  
  9.         android:layout_width=“match_parent”  
  10.         android:layout_height=“match_parent”  
  11.         android:background=“#FFFEFEFE”>  
  12.   
  13.         <TextView  
  14.             android:id=“@+id/title_text”  
  15.             style=“@style/title_text_style”  
  16.             android:layout_width=“wrap_content”  
  17.             android:layout_height=“wrap_content”  
  18.             android:layout_centerInParent=“true”  
  19.             android:ellipsize=“end”  
  20.             android:singleLine=“true” />  
  21.   
  22.         <ImageView  
  23.             android:id=“@+id/right_img”  
  24.             android:layout_width=“wrap_content”  
  25.             android:layout_height=“wrap_content”  
  26.             android:layout_alignParentRight=“true”  
  27.             android:layout_centerVertical=“true”  
  28.             android:contentDescription=“@null”  
  29.             android:paddingLeft=“15dp”  
  30.             android:paddingRight=“15dp”  
  31.             android:src=“@drawable/ic_notice”  
  32.             android:visibility=“gone”/>  
  33.   
  34.   
  35.     </RelativeLayout>  
  36. </LinearLayout>  
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:id="@+id/main_title_bar"    style="@style/title_bar_style_main"    android:fitsSystemWindows="true"    >    <RelativeLayout        android:layout_width="match_parent"        android:layout_height="match_parent"        android:background="#FFFEFEFE">        <TextView            android:id="@+id/title_text"            style="@style/title_text_style"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_centerInParent="true"            android:ellipsize="end"            android:singleLine="true" />        <ImageView            android:id="@+id/right_img"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_alignParentRight="true"            android:layout_centerVertical="true"            android:contentDescription="@null"            android:paddingLeft="15dp"            android:paddingRight="15dp"            android:src="@drawable/ic_notice"            android:visibility="gone"/>    </RelativeLayout></LinearLayout>

fragment_life_v19.xml
[html] view plain copy
print?在CODE上查看代码片派生到我的代码片
  1. <?xml version=“1.0” encoding=“utf-8”?>  
  2. <LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android”  
  3.     android:id=“@+id/root_layout”  
  4.     android:layout_width=“match_parent”  
  5.     android:layout_height=“match_parent”  
  6.     android:orientation=“vertical”>  
  7.   
  8.     <include layout=“@layout/title_bar_main_v19” />  
  9.   
  10.     <!– 其他布局 –>  
  11.   
  12.       
  13.   
  14. </LinearLayout>  
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:id="@+id/root_layout"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical">    <include layout="@layout/title_bar_main_v19" />    <!-- 其他布局 --></LinearLayout>

title_bar_main_v19.xml
[html] view plain copy
print?在CODE上查看代码片派生到我的代码片
  1. <?xml version=“1.0” encoding=“utf-8”?>  
  2. <LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android”  
  3.     android:id=“@+id/main_title_bar”  
  4.     style=“@style/title_bar_style_main_19”  
  5.     android:fitsSystemWindows=“true”  
  6.     android:paddingTop=“@dimen/title_bar_padding_top”>  
  7.   
  8.     <RelativeLayout  
  9.         android:layout_width=“match_parent”  
  10.         android:layout_height=“match_parent”  
  11.         android:background=“#FFFEFEFE”>  
  12.   
  13.         <TextView  
  14.             android:id=“@+id/title_text”  
  15.             style=“@style/title_text_style”  
  16.             android:layout_width=“wrap_content”  
  17.             android:layout_height=“wrap_content”  
  18.             android:layout_centerInParent=“true”  
  19.             android:ellipsize=“end”  
  20.             android:singleLine=“true” />  
  21.   
  22.         <ImageView  
  23.             android:id=“@+id/right_img”  
  24.             android:layout_width=“wrap_content”  
  25.             android:layout_height=“wrap_content”  
  26.             android:layout_alignParentRight=“true”  
  27.             android:layout_centerVertical=“true”  
  28.             android:contentDescription=“@null”  
  29.             android:paddingLeft=“15dp”  
  30.             android:paddingRight=“15dp”  
  31.             android:src=“@drawable/ic_notice”  
  32.             android:visibility=“gone”/>  
  33.   
  34.   
  35.     </RelativeLayout>  
  36. </LinearLayout>  
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:id="@+id/main_title_bar"    style="@style/title_bar_style_main_19"    android:fitsSystemWindows="true"    android:paddingTop="@dimen/title_bar_padding_top">    <RelativeLayout        android:layout_width="match_parent"        android:layout_height="match_parent"        android:background="#FFFEFEFE">        <TextView            android:id="@+id/title_text"            style="@style/title_text_style"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_centerInParent="true"            android:ellipsize="end"            android:singleLine="true" />        <ImageView            android:id="@+id/right_img"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_alignParentRight="true"            android:layout_centerVertical="true"            android:contentDescription="@null"            android:paddingLeft="15dp"            android:paddingRight="15dp"            android:src="@drawable/ic_notice"            android:visibility="gone"/>    </RelativeLayout></LinearLayout>

style.xml
[html] view plain copy
print?在CODE上查看代码片派生到我的代码片
  1. <style name=“title_bar_style_main”>  
  2.         <item name=“android:background”>#FFFEFEFE</item>  
  3.         <item name=“android:paddingLeft”>0.0dip</item>  
  4.         <item name=“android:paddingRight”>0.0dip</item>  
  5.         <item name=“android:layout_width”>fill_parent</item>  
  6.         <item name=“android:layout_height”>48dp</item>  
  7.         <item name=“android:gravity”>center_vertical</item>  
  8.     </style>  
  9.     <style name=“title_bar_style_main_19”>  
  10.         <item name=“android:background”>@android:color/black</item>  
  11.         <item name=“android:paddingLeft”>0.0dip</item>  
  12.         <item name=“android:paddingRight”>0.0dip</item>  
  13.         <item name=“android:layout_width”>fill_parent</item>  
  14.         <item name=“android:layout_height”>68dp</item>  
  15.         <item name=“android:gravity”>center_vertical</item>  
  16.     </style>  
<style name="title_bar_style_main">        <item name="android:background">#FFFEFEFE</item>        <item name="android:paddingLeft">0.0dip</item>        <item name="android:paddingRight">0.0dip</item>        <item name="android:layout_width">fill_parent</item>        <item name="android:layout_height">48dp</item>        <item name="android:gravity">center_vertical</item>    </style>    <style name="title_bar_style_main_19">        <item name="android:background">@android:color/black</item>        <item name="android:paddingLeft">0.0dip</item>        <item name="android:paddingRight">0.0dip</item>        <item name="android:layout_width">fill_parent</item>        <item name="android:layout_height">68dp</item>        <item name="android:gravity">center_vertical</item>    </style>

就这么简单,希望大家能够提出意见!


0 0