Android 4.0 Launcher源码分析系列(一)

原创 2012年03月31日 14:30:36

先从整体上对Launcher布局作一个分析,让我们通过查看Launcher.xml 和使用hierarchyviewer布局查看工具两者结合的方法来对Launcher的整体结构有个了解。通过hierarchyviewer来对整个桌面做个截图,如下:

通过hierarchyviewer来对整个桌面做个截图

放大后如下所示: 可以看到整个桌面包含的元素,最上面是Google的搜索框,下面是一个始终插件,然后是图标,再有就是一个分隔线,最后是dock。请注意,桌面程序其实并不包含桌面壁纸,桌面壁纸其实是由 WallpaperManagerService来提供,整个桌面其实是叠加在整个桌面壁纸上的另外一个层。

放大后所示

整个Launcher.xml布局文件如下:

    <com.android.launcher2.DragLayer 
        xmlns:android="http://schemas.android.com/apk/res/android" 
        xmlns:launcher="http://schemas.android.com/apk/res/com.android.launcher" 
     
        android:id="@+id/drag_layer" 
        android:layout_width="match_parent" 
        android:layout_height="match_parent"> 
     
        <!-- Keep these behind the workspace so that they are not visible when 
             we go into AllApps --> 
        <include 
            android:id="@+id/dock_divider" 
            layout="@layout/workspace_divider" 
            android:layout_width="match_parent" 
            android:layout_height="wrap_content" 
            android:layout_marginBottom="@dimen/button_bar_height" 
            android:layout_gravity="bottom"  /> 
        <include 
            android:id="@+id/paged_view_indicator" 
            layout="@layout/scroll_indicator" 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:layout_gravity="bottom" 
            android:layout_marginBottom="@dimen/button_bar_height"  /> 
     
        <!-- The workspace contains 5 screens of cells --> 
        <com.android.launcher2.Workspace 
            android:id="@+id/workspace" 
            android:layout_width="match_parent" 
            android:layout_height="match_parent" 
            android:paddingTop="@dimen/qsb_bar_height_inset" 
            android:paddingBottom="@dimen/button_bar_height" 
            launcher:defaultScreen="2" 
            launcher:cellCountX="4" 
            launcher:cellCountY="4" 
            launcher:pageSpacing="@dimen/workspace_page_spacing" 
            launcher:scrollIndicatorPaddingLeft="@dimen/workspace_divider_padding_left" 
            launcher:scrollIndicatorPaddingRight="@dimen/workspace_divider_padding_right"> 
     
            <include android:id="@+id/cell1" layout="@layout/workspace_screen"  /> 
            <include android:id="@+id/cell2" layout="@layout/workspace_screen"  /> 
            <include android:id="@+id/cell3" layout="@layout/workspace_screen"  /> 
            <include android:id="@+id/cell4" layout="@layout/workspace_screen"  /> 
            <include android:id="@+id/cell5" layout="@layout/workspace_screen"  /> 
        </com.android.launcher2.Workspace> 
     
        <include layout="@layout/hotseat" 
            android:id="@+id/hotseat" 
            android:layout_width="match_parent" 
            android:layout_height="@dimen/button_bar_height_plus_padding" 
            android:layout_gravity="bottom"  /> 
     
        <include 
            android:id="@+id/qsb_bar" 
            layout="@layout/qsb_bar"  /> 
     
        <include layout="@layout/apps_customize_pane" 
            android:id="@+id/apps_customize_pane" 
            android:layout_width="match_parent" 
            android:layout_height="match_parent" 
            android:visibility="invisible"  /> 
     
        <include layout="@layout/workspace_cling" 
            android:id="@+id/workspace_cling" 
            android:layout_width="match_parent" 
            android:layout_height="match_parent" 
            android:visibility="gone"  /> 
     
        <include layout="@layout/folder_cling" 
            android:id="@+id/folder_cling" 
            android:layout_width="match_parent" 
            android:layout_height="match_parent" 
            android:visibility="gone"  /> 
    </com.android.launcher2.DragLayer> 

Launcher整个布局的根是DragLayer,DragLayer继承了FrameLayout,所以DragLayer本身可以看作是一个FrameLayout。下面是 dock_divider,它通过include关键字包含了另外一个布局文件workspace_divider.xml ,而这个workspace_divider.xml包含了一ImageView,其实dock_divider就是dock区域上面的那条直线。

再下面是paged_view_indicator,同样它包含了scroll_indicator.xml,其中包含了一个ImageView,显示的是一个.9的png文件。实际上就是当Launcher滚动翻页的时候,那个淡蓝色的页面指示条。

然后桌面的核心容器WorkSpace,如下图所示,当然你看到的只是Workspace的一部分,其实是一个workspace_screen,通过 Launcher.xml可以看到,整个workspace由5个workspace_screen组成,每个workspace_screen其实就是对应桌面一页。而每个workspace_screen包含了一个CellLayout,这是一个自定义控件,继承自ViewGroup,所以它算是一个用来布局的控件,在这里主要用来承载我们每页的桌面图标、widget和文件夹。

桌面的核心容器WorkSpace

通过查看如下的布局结构(由于图太大只截取了一部分)可以看到,Workspace包含了序号从0到4的5个CellLayout。

查看布局结构

接下来是一个Hotseat,其实就是这块dock区域了。如图所示:

从如下的布局图我们可以看到,这个Hotseat其实还是包含了一个CellLayout,用来承载4个图标和中间启动所有程序的按钮。

用来承载4个图标和中间启动所有程序的按钮

再下来就是那个qsb_bar,就是屏幕最顶端的Google搜索框。这个搜索框是独立于图标界面的,所以当我们对桌面进行翻页的时候,这个搜索框会巍然不动滴固定在最顶端,如下所示:

最顶端的Google搜索框

紧接着是3个初始化时被隐藏的界面。

apps_customize_pane,点击dock中显示所有应用程序的按钮后才会从隐藏状态转换为显示状态,如下图所示,显示了所有应用程序和所有插件的界面。

所有应用程序和所有插件的界面


通过查看apps_customize_pane.xml ,我们可以看到apps_customize_pane主要由两部分组成:tabs_container 和tabcontent。tabs部分,用来让我们选择是添加应用程序还是widget,如下图所示:

用来让我们选择是添加应用程序还是widget

tabcontent,选择了相应的tab之后,下面的部分就会相应的显示应用程序或是widget了,如下图所示:

面的部分就会相应的显示应用程序或是widget

workspace_cling  和 folder_cling 是刚刷完机后,进入桌面时,显示的使用向导界面,介绍怎么使用workspace和folder,跳过以后就再也不会出现了,这里就不截图了。

相关文章推荐

Android 4.0 Launcher源码分析系列

桌面的左右滑动功能主要是在PagedView类中实现的,而WorkSpace是PagedView类的子类,所以会继承PagedView中的方法。当我们的手指点击WorkSpace时,首先就会触发Pag...

Android 4.0 Launcher源码分析系列(二)

上一节我们研究了Launcher的整体结构,这一节我们看看整个Laucher的入口点,同时Laucher在加载了它的布局文件Laucher.xml时都干了些什么。 我们在源代码中可以找到Launch...

Android 4.0 Launcher源码分析系列(一)

著名手机厂商Android开发工程师、最牛网站长傻蛋曾为51CTO撰稿《Android 4.0的图形硬件加速及绘制技巧》受到读者的广泛欢迎。傻蛋同学将在新的一年里在51CTO开设专家专栏,本文为傻蛋正...

Android 4.0 Launcher源码分析系列(三)

先画了个图来再来阐述一下WorkSpace的结构。如下图: 桌面的左右滑动功能主要是在PagedView类中实现的,而WorkSpace是PagedView类的子类,所以会继承PagedView...

Android 4.0 Launcher2源码分析——桌面快捷图标的拖拽

本文来自http://blog.csdn.net/chenshaoyang0011 转载请申明文章出处! 通过上一篇文章Android4.0Launcher2源码分析(五)——Workspa...

Android 4.0 Launcher2源码分析——导入eclipse进行调试

本文来自http://blog.csdn.net/chenshaoyang0011 转载请申明文章出处!       由于需要研究Android 4.0Launcher2的源码,必要的时候我们需...

Android 4.0 Launcher2源码分析——Workspace滑动

本文来自http://blog.csdn.net/chenshaoyang0011 转载请申明文章出处! 文中如有纰漏之处,望不吝指教~~~欢迎讨论,共同学习~~~ Launcher桌面的...

Android 4.0 Launcher源码分析1-概念分析

1.工具和文件-过查看Launcher.xml 和使用hierarchyviewer布局查看工具 可以看到整个桌面包含的元素,最上面是Google的搜索框,下面是一个时钟插件,然后是图标,再有就是一个...

Android 4.0 Launcher2源码分析——导入eclipse进行调试

 本文来自http://blog.csdn.net/chenshaoyang0011 转载请申明文章出处!       由于需要研究Android 4.0Launcher2的源码,必要的时候我...

Android 4.0 Launcher2源码分析——主布局文件

本文来自http://blog.csdn.net/chenshaoyang0011 转载请申明文章出处! Android系统的一大特色是它拥有的桌面通知系统,不同于IOS的桌面管理,Android有...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android 4.0 Launcher源码分析系列(一)
举报原因:
原因补充:

(最多只允许输入30个字)