Android系统定制之SystemUI修改：下拉通知栏尺寸

ironMan.K

本文介绍了DDMS中 Dump View Hierarchy for UI Automator 工具的使用方法，通过该工具找到一些应用的布局，快速定位我们需要修改的源码位置。

1 先看下效果图

修改前，横屏状态的下拉通知栏，距离屏幕左右两边还有段距离。(模拟器中的截图，Android原生的状态)

修改后，横屏状态的下拉通知栏，宽度铺满屏幕。（真实设备截图， 修改后刷机效果）

2 找到这部分的相关布局。

SystemUI下拉通知栏的布局为super_status_bar.xml

代码如下

1. <!-- This is the combined status bar / notification panel window. -->
   
2. <com.android.systemui.statusbar.phone.StatusBarWindowView
   
3.     xmlns:android="http://schemas.android.com/apk/res/android"
   
4.     android:layout_width="match_parent"
   
5.     android:layout_height="match_parent"
   
6.     android:fitsSystemWindows="true">
   
7. 
   
8.     <com.android.systemui.statusbar.BackDropView
   
9.             android:id="@+id/backdrop"
   
10.             android:layout_width="match_parent"
    
11.             android:layout_height="match_parent"
    
12.             android:visibility="gone"
    
13.             >
    
14.         <ImageView android:id="@+id/backdrop_back"
    
15.                    android:layout_width="match_parent"
    
16.                    android:scaleType="centerCrop"
    
17.                    android:layout_height="match_parent" />
    
18.         <ImageView android:id="@+id/backdrop_front"
    
19.                    android:layout_width="match_parent"
    
20.                    android:layout_height="match_parent"
    
21.                    android:scaleType="centerCrop"
    
22.                    android:visibility="invisible" />
    
23.     </com.android.systemui.statusbar.BackDropView>
    
24. 
    
25.     <com.android.systemui.statusbar.ScrimView android:id="@+id/scrim_behind"
    
26.         android:layout_width="match_parent"
    
27.         android:layout_height="match_parent"
    
28.         android:importantForAccessibility="no" />
    
29. 
    
30.     <include layout="@layout/status_bar"
    
31.         android:layout_width="match_parent"
    
32.         android:layout_height="@dimen/status_bar_height" />
    
33. 
    
34.     <FrameLayout android:id="@+id/brightness_mirror"
    
35.                  android:layout_width="@dimen/notification_panel_width"
    
36.                  android:layout_height="wrap_content"
    
37.                  android:layout_gravity="@integer/notification_panel_layout_gravity"
    
38.                  android:paddingLeft="@dimen/notification_side_padding"
    
39.                  android:paddingRight="@dimen/notification_side_padding"
    
40.                  android:visibility="gone">
    
41.         <FrameLayout
    
42.                 android:layout_width="match_parent"
    
43.                 android:layout_height="match_parent"
    
44.                 android:elevation="2dp"
    
45.                 android:background="@drawable/brightness_mirror_background">
    
46.             <include layout="@layout/quick_settings_brightness_dialog"
    
47.                      android:layout_width="match_parent"
    
48.                      android:layout_height="wrap_content" />
    
49.         </FrameLayout>
    
50.     </FrameLayout>
    
51. 
    
52.     <com.android.systemui.statusbar.phone.PanelHolder
    
53.         android:id="@+id/panel_holder"
    
54.         android:layout_width="match_parent"
    
55.         android:layout_height="match_parent"
    
56.         android:background="@color/transparent" >
    
57.         <include layout="@layout/status_bar_expanded"
    
58.             android:layout_width="match_parent"
    
59.             android:layout_height="match_parent"
    
60.             android:visibility="gone" />
    
61.     </com.android.systemui.statusbar.phone.PanelHolder>
    
62. 
    
63.     <com.android.systemui.statusbar.ScrimView android:id="@+id/scrim_in_front"
    
64.         android:layout_width="match_parent"
    
65.         android:layout_height="match_parent"
    
66.         android:importantForAccessibility="no" />
    
67. 
    
68. </com.android.systemui.statusbar.phone.StatusBarWindowView>

复制代码

几个关键的字眼：
| “@layout/status_bar” ————–> 状态栏
| “@+id/brightness_mirror” ——–> 下拉通知栏中调节亮度时，只剩下亮度调节弹出框，位置与下拉通知栏亮度调节位置一样的。
| “@+id/panel_holder”—————>下拉通知栏载体
| “@layout/status_bar_expanded”->下拉通知栏布局

super_status_bar.xml包含了状态栏，下拉通知栏等布局

3 找到下拉通知栏相关布局

通过 DDMS 的 Dump View Hierarchy for UI Automator 工具，我们可以抓取一些布局的ID。

-3.1 header

通知栏上半部分是 com.android.systemui:id/header，那我们在SystemUI的res中，搜索这个“header” 。

搜索到layout中带有header的，有status_bar_expanded_header.xml，只有这个布局有这个ID

1. <com.android.systemui.statusbar.phone.StatusBarHeaderView
   
2.     xmlns:android="http://schemas.android.com/apk/res/android"
   
3.     xmlns:systemui="http://schemas.android.com/apk/res-auto"
   
4.     android:id="@+id/header"
   
5.     android:layout_width="@dimen/notification_panel_width"
   
6.     android:layout_height="@dimen/status_bar_header_height"
   
7.     android:layout_gravity="@integer/notification_panel_layout_gravity"
   
8.     android:paddingStart="@dimen/notification_side_padding"
   
9.     android:paddingEnd="@dimen/notification_side_padding"
   
10.     android:baselineAligned="false"
    
11.     android:elevation="4dp"
    
12.     android:background="@drawable/notification_header_bg"
    
13.     android:clickable="true"
    
14.     android:focusable="true"

复制代码

如果需要修改header的尺寸，可将

1. android:layout_width="@dimen/notification_panel_width"

复制代码

修改为

1. android:layout_width="match_parent"

复制代码

重新编译，这个header的宽度就和屏幕一样了。

-3.2 scroll_view

可上下滑动的快捷开关布局。

上图所示的布局代码如下

1. <com.android.systemui.statusbar.phone.ObservableScrollView
   
2.      android:id="@+id/scroll_view"
   
3.      android:layout_width="@dimen/notification_panel_width"
   
4.      android:layout_height="match_parent"  
   
5.      android:layout_gravity="@integer/notification_panel_layout_gravity"
   
6.      android:scrollbars="none"
   
7.      android:overScrollMode="never"
   
8.      android:fillViewport="true">

复制代码

将宽度属性改成：

1. android:layout_width="match_parent"

复制代码

-3.3 notification_stack_scroller

通知列表布局

上图所示的布局代码如下

1. <com.android.systemui.statusbar.stack.NotificationStackScrollLayout           
   
2. android:id="@+id/notification_stack_scroller"           
   
3. android:layout_width="@dimen/notification_panel_width"           
   
4. android:layout_height="match_parent"  
   
5. android:layout_gravity="@integer/notification_panel_layout_gravity"           
   
6. android:layout_marginBottom="@dimen/close_handle_underlap"           
   
7. android:importantForAccessibility="no" />

复制代码

宽度属性改成：

1. android:layout_width="match_parent"

复制代码

4 重新编译，打包ROM

make源码，重新刷机查看效果，可以看到文章开头的gif图所示的效果