做移动产品界面占很大的一部分，同时也是决定一款产品好的的重要因素，最近看见有人放win8的界面效果，搜了两款，一款是只是仿界面没有特效，另一款是自定义组件能够实现反转效果，今天分析一下这两类界面。

仿win8界面

win8磁贴类似九宫格效果，实现这种效果基本上有三种方式实现：LinearLayout，使用其属性layout_weight实现等分；TableLayout，做过计算器的人可能会用到过这个，也可以实现，还有一种就是GridView,自己实现适配器，我找到的仿win8界面使用LinearLayout来实现的，LinearLayout层层嵌套，这种方式不太提倡，因为嵌套太多，我们看一下界面效果：

我们看一下界面源码：

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

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:orientation="horizontal"

    android:paddingTop="30dp"

    android:paddingBottom="30dp"

    android:paddingLeft="20dp"

    android:baselineAligned="false"

    android:background="@drawable/rootblock_default_bg"

    >

    <LinearLayout

             android:layout_width="wrap_content"

             android:layout_height="fill_parent"

             android:orientation="vertical"

             android:layout_weight="1">

             <LinearLayout

                 android:layout_width="fill_parent"

                 android:layout_height="wrap_content"

                 android:orientation="horizontal">

                     <LinearLayout

                             android:layout_width="108dp"

                             android:layout_height="108dp"

                             android:background="#FF7F24">

                         </LinearLayout>

                     <LinearLayout

                             android:layout_width="108dp"

                             android:layout_height="108dp"

                             android:layout_marginLeft="5dp"

                             android:background="#FF7F24">

                         </LinearLayout>

             </LinearLayout>

             <LinearLayout

                 android:layout_width="fill_parent"

                 android:layout_height="wrap_content"

                 android:layout_marginTop="5dp"

                 android:orientation="horizontal">

                <LinearLayout

                             android:layout_width="108dp"

                             android:layout_height="108dp"

                             android:background="#3399ff">

                         </LinearLayout>

                     <LinearLayout

                             android:layout_width="108dp"

                             android:layout_height="108dp"

                             android:layout_marginLeft="5dp"

                             android:background="#3399ff">

                         </LinearLayout>

             </LinearLayout>

                      <LinearLayout

                 android:layout_width="fill_parent"

                 android:layout_height="wrap_content"

                 android:layout_marginTop="5dp"

                 android:orientation="horizontal">

               <LinearLayout

                             android:layout_width="108dp"

                             android:layout_height="108dp"

                             android:background="#3399ff">

                         </LinearLayout>

                     <LinearLayout

                             android:layout_width="108dp"

                             android:layout_height="108dp"

                             android:layout_marginLeft="5dp"

                             android:background="#3399ff">

                         </LinearLayout>

             </LinearLayout>

                      <LinearLayout

                 android:layout_width="fill_parent"

                 android:layout_height="wrap_content"

                 android:layout_marginTop="5dp"

                 android:orientation="horizontal">

              <LinearLayout

                  android:layout_width="108dp"

                  android:layout_height="108dp"

                  android:background="#953399ff" >

              </LinearLayout>

                     <LinearLayout

                             android:layout_width="108dp"

                             android:layout_height="108dp"

                             android:layout_marginLeft="5dp"

                             android:background="#953399ff">

                         </LinearLayout>

             </LinearLayout>         

    </LinearLayout>

    <LinearLayout

        android:layout_width="wrap_content"

        android:layout_height="fill_parent"

        android:orientation="vertical"

        android:layout_weight="1">

               <RelativeLayout

                   android:layout_width="fill_parent"

                   android:layout_height="fill_parent"

                   >

                 <LinearLayout

                         android:layout_width="wrap_content"

                           android:layout_height="wrap_content"

                           android:orientation="vertical"

                     android:layout_alignParentBottom="true">

                               <ImageView

                                   android:id="@+id/download_btn"

                                        android:layout_width="36dp"

                                       android:layout_height="36dp"

                                       android:src="@drawable/rootblock_icon_download_bg"/>

                               <ImageView

                                   android:id="@+id/download_btn"

                                        android:layout_width="36dp"

                                       android:layout_height="36dp"

                                       android:layout_marginTop="20dp"

                                       android:src="@drawable/rootblock_icon_clear_bg"/>

                               <ImageView

                                   android:id="@+id/download_btn"

                                        android:layout_width="36dp"

                                       android:layout_height="36dp"

                                       android:layout_marginTop="20dp"

                                       android:src="@drawable/rootblock_icon_set_bg"/>

                               <ImageView

                                   android:id="@+id/download_btn"

                                        android:layout_width="36dp"

                                       android:layout_height="36dp"

                                       android:layout_marginTop="20dp"

                                       android:src="@drawable/rootblock_icon_add_bg"/>

                        </LinearLayout>

               </RelativeLayout>

    </LinearLayout>

</LinearLayout>

　　详细说明：http://wp.662p.com/thread-7932-1-1.html

最新文章

  1. XML代码生成器——XMLFACTORY 简介（三）
  2. RSA加密数学原理
  3. AndFix热修复 —— 实战与源码解析
  4. 【JAVA正则表达式综合练习】
  5. ssh框架开发问题
  6. Android Gradle 完整指南
  7. iphone field test 源码
  8. web项目引用Java项目，连接报错error HTTP Status 500 - Servlet execution threw an exception
  9. UVa 12563 Jin Ge Jin Qu hao【01背包】
  10. easy ui datagrid 增，删，改，查等基本操作
  11. php内存申请和销毁
  12. 《招聘一个靠谱的iOS》面试题参考答案（上）
  13. Revit二次开发之绘制钢筋
  14. jQuery中queue和dequeue的用法
  15. Exp1 PC平台逆向破解----20164325 王晓蕊
  16. matplotlib-2D绘图库学习目录
  17. HDU ACM 1879 继续畅通工程
  18. Visual Studio下运行PowerShell脚本自增小版本号并发布到Nuget服务器上
  19. STM32F4的sct文件理解
  20. Windows Server 2003 R2 IIS服务的命令行方式重启命令

热门文章

  1. Ubuntu 16.04安装Meld文件比对工具替代Beyond Compare
  2. Spring/Maven/MyBatis配置文件结合properties文件使用
  3. dubbo bug之 Please check registry access list (whitelist/blacklist)的分析与解决
  4. WebDev.WebServer40.EXE
  5. SecureCRT 8.0公布
  6. Waiting For Debugger
  7. 将一个对象相同的属性(不区分大小写)赋值给一个新对象 DataTable的一个简单的扩展
  8. 在InternetExplorer.Application中显示本地图片
  9. 一款炫酷Loading动画--载入失败
  10. Linux下查看history里的某种命令