android Launcher源码解析01：UI布局详解一

本系列文章将开始android lancher源码分析，使用的例子是android 2.3中自带的launcher3源码。其下载地址为：

本文为第一篇文章，介绍一下lancher的UI布局。

1、布局

运行该APK，则其执行结果为：

按home键以后：

2、布局文件

我们来看一下，lancher的布局文件launcher.xml，其源码为：

<br>DragLayer 有几个child，其中最重要的是WorkPlace 和 AllApps2D如下:<img style="max-width: 100%;height: auto;width: auto\9;" src="//img.reader8.net/uploadfile/jiaocheng/2014018/2656/201401260956305910.jpg" alt="android Launcher源码解析01：UI格局详解一"><br>WorkPlace有五个child，每个是一个CellLayout<img style="max-width: 100%;height: auto;width: auto\9;" src="//img.reader8.net/uploadfile/jiaocheng/2014018/2656/201401260956305911.jpg" alt="android Launcher源码解析01：UI格局详解一"><br>每个CellLayout里面放一些放widget和应用快捷方式(BubbleTextView)<br><img style="max-width: 100%;height: auto;width: auto\9;" src="//img.reader8.net/uploadfile/jiaocheng/2014018/2656/201401260956305912.jpg" alt="android Launcher源码解析01：UI格局详解一"><br>AllApps2D 展示所有应用列表<img style="max-width: 100%;height: auto;width: auto\9;" src="//img.reader8.net/uploadfile/jiaocheng/2014018/2656/201401260956305913.jpg" alt="android Launcher源码解析01：UI格局详解一"><br><br>参考资料：4 . launcher 的UI布局详解<br><p></p><p><br></p> </p></div><div style="margin:0 auto;width:300px;height:250px;position:relative;"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- 移动端全站正文 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6147101717324856" data-ad-slot="1958144088" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> <div class="subn-nav"><a href="//m.reader8.net">读书人网</a> ><a href="//m.reader8.net/jiaocheng/android/">Android</a></div><div class="sp-jctu"><h3><span> 热点推荐 </span></h3><ul><li><p><a href="//m.reader8.net/jiaocheng/20130905/1409754.html">android快2年了这个有关问题大家给个</a></p></li> <li><p><a href="//m.reader8.net/jiaocheng/20140525/2338264.html">android 名词征集</a></p></li> <li><p><a href="//m.reader8.net/jiaocheng/20140525/2338262.html">android TimePicker 控件自定义式样</a></p></li> <li><p><a href="//m.reader8.net/jiaocheng/20140524/2337363.html">Android实现读物翻页效果-扩展版(转)</a></p></li> <li><p><a href="//m.reader8.net/jiaocheng/20140524/2337362.html">新人自学中,该如何处理</a></p></li> <li><p><a href="//m.reader8.net/jiaocheng/20140514/2329200.html">android触控,先懂得MotionEvent(一)</a></p></li> <li><p><a href="//m.reader8.net/jiaocheng/20140514/2329199.html">android应用开发：第一次打开app时是欢</a></p></li> <li><p><a href="//m.reader8.net/jiaocheng/20140512/2328885.html">求解：android 4.0读写HID设备解决方案</a></p></li> <li><p><a href="//m.reader8.net/jiaocheng/20140511/2327972.html">seekbar,该怎么处理</a></p></li> <li><p><a href="//m.reader8.net/jiaocheng/20140511/2327971.html">Android 开发类似微信的程序,该如何处</a></p></li> </ul></div><div style="display:none;"> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "//hm.baidu.com/hm.js?d6151f323a57d16696165e47eee86d53"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script></div> <div class="footer"><p>触屏版 | <a href="//www.reader8.net/jiaocheng/20120621/1439381.html#fromapp">电脑版</a></p><p>读书人网 m.reader8.net</p></div> <script language="javascript"> function clickme(sad){ var divobjdiv = document.getElementById("divobjdiv" + sad); if(divobjdiv.style.display =="none"){ divobjdiv.style.display ="block"; }else{ divobjdiv.style.display ="none"; } var wenzi = document.getElementById('divobjimg' + sad); if(wenzi.innerText == "收起"){ wenzi.innerText = "查看更多"; }else{ wenzi.innerText = "收起"; } } </script> <div id="back-top"><a href="#top"><span></span></a></div> </body> </html>