?

做移動產品界面占很大的一部分，同時也是決定一款產品好的的重要因素，最近看見有人放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"><LinearLayoutandroid: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"><LinearLayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:orientation="vertical"android:layout_alignParentBottom="true"><ImageViewandroid:id="@+id/download_btn" android:layout_width="36dp"android:layout_height="36dp"android:src="@drawable/rootblock_icon_download_bg"/><ImageViewandroid:id="@+id/download_btn" android:layout_width="36dp"android:layout_height="36dp"android:layout_marginTop="20dp"android:src="@drawable/rootblock_icon_clear_bg"/><ImageViewandroid:id="@+id/download_btn" android:layout_width="36dp"android:layout_height="36dp"android:layout_marginTop="20dp"android:src="@drawable/rootblock_icon_set_bg"/><ImageViewandroid: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

轉載于:https://www.cnblogs.com/huasili/p/4181736.html

總結

以上是生活随笔為你收集整理的仿win8磁贴界面以及功能的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。