Android開發：抄襲微博布局總結

別人的好的東西,就應該拿過來借鑒,並改進,我想這就是拿來主義 

我畫圖不好,其實我很想用畫圖的方式來說明一切,因為通俗簡單的就是最好的 

首先是思維導圖...這個思維導圖,因為只能看界面,得不到源代碼,所以通過畫圖的方式來分析界面以及功能 

這是主頁的xml ,相信明眼人一看就知道,這是全屏幕適配的. 來自沈大海的微博教學以及 農民伯伯的 博客分析新浪官方微博布局

粉紅色分為固定像素的頂部條以及底部Tab菜單

頂部只有RelativeLayout構成,可以添加標題,各種小提示..

底部則為Tab選項卡,為不同的Activity切換

然後中間部分整體為黃色部分,也就是動態改變刷新各種數據的Layout

然後又按比例細分為 [藍色紅色] 以及 [淺藍色],他們占相應比例充滿父類

深藍和紅色為同一Layout,紅色寬度為fill_parent,高度為wrap_content,

為每個不同的Activity添加進不同的頭部item奠定自由的基礎

而深藍則高度寬度都為fill_parent,與紅色layout一起充滿父類,

藍色可以添加listView或者添加GridView來現實微博列表或者是用戶列表,用過pad版的微博的人應該都會知道

正題邏輯分為BossActivity 掌管所有顯示layout,然後的Activity有搜索,我的主頁,信息,@,....

它們都不需要任何布局,只需要合理的調用生命周期,來刷新數據往Boss裡面的深藍色部分刷新

紅色部分則每個子Activity<搜索,我的主頁,信息,@,...>都是對應不一樣的 可以用LayoutInflater來加載...

淺藍色部分,則為衍生的三個Activity的裝載layout 哪三個,上圖很清晰 分別是微博正文,用戶信息,以及話題詳情

那點擊深藍色部分的item時候該響應加載哪個Activity?這就有你來指揮了.

難點在於...用戶信息Activity還要再看用戶信息,再看某個用戶信息,再看微博正文,再看某用戶的微博...

這三個Activity都是可以復用的.思維導圖也可以明顯地看出有一個循環

這個想法是由我定下的,但是我想寫代碼過程中 肯定會遇到種種細節上的困難...

還有這樣的想法,如果有人有好的建議或者意見的話 一定要提出來

1. <?xml version="1.0" encoding="utf-8"?>  
2. <TabHost  
3.     xmlns:Android="http://schemas.android.com/apk/res/android"  
4.     android:orientation="vertical"  
5.     android:gravity="center"  
6.     android:layout_width="fill_parent"  
7.     android:layout_height="fill_parent"  
8.     android:id="@+id/@android:id/tabhost"  
9.     android:background="@drawable/myweibo_boss_bg">  
10.     <RelativeLayout  
11.         android:layout_width="fill_parent"  
12.         android:layout_height="fill_parent"  
13.         android:orientation="vertical">  
14.         <!-- top橫條  -->  
15.         <RelativeLayout  
16.             android:background="@drawable/top3"  
17.             android:layout_width="fill_parent"  
18.             android:layout_height="41dip"  
19.             android:id="@+id/layout_weibo_boss_top"></RelativeLayout>  
20.         <RelativeLayout  
21.             android:layout_centerInParent="true"  
22.             android:layout_below="@+id/layout_weibo_boss_top"  
23.             android:layout_above="@+id/layout_weibo_boss_bottom"  
24.             android:layout_width="fill_parent"  
25.             android:layout_height="fill_parent"  
26.             android:id="@+id/layout_weibo_boss_middle_msg"></RelativeLayout>  
27.         <LinearLayout  
28.             android:layout_below="@+id/layout_weibo_boss_top"  
29.             android:layout_above="@+id/layout_weibo_boss_bottom"  
30.             android:id="@+id/layout_weibo_boss_middle"  
31.             android:orientation="horizontal"  
32.             android:layout_width="fill_parent"  
33.             android:layout_height="fill_parent">  
34.             <LinearLayout  
35.                 android:layout_weight="1.0"  
36.                 android:orientation="vertical"  
37.                 android:layout_width="fill_parent"  
38.                 android:layout_height="fill_parent"  
39.                 android:id="@+id/weiboBoss_LeftLayout"  
40.                 android:background="@drawable/weibo_list_bg">  
41.                 <!-- listView頭上那堆View  -->  
42.                 <RelativeLayout  
43.                     android:background="@drawable/weibo_boss_topitems_bg"  
44.                     android:layout_width="fill_parent"  
45.                     android:layout_height="wrap_content"  
46.                     android:id="@+id/topItem_of_weiboBoss_LeftLayout">  
47.                 </RelativeLayout>  
48.                 <!-- ListView或者GridView的layout  -->  
49.                 <RelativeLayout  
50.                     android:layout_width="fill_parent"  
51.                     android:layout_height="fill_parent"  
52.                     android:id="@+id/list_of_weiboBoss_LeftLayout">  
53.                 </RelativeLayout>  
54.             </LinearLayout>  
55.             <!-- Boss右邊的詳情layout,可以是微博詳情或者是用戶詳情 -->  
56.             <RelativeLayout  
57.                 android:layout_weight="1.0"  
58.                 android:layout_width="fill_parent"  
59.                 android:layout_height="fill_parent"  
60.                 android:id="@+id/weiboBoss_RightLayout"></RelativeLayout>  
61.         </LinearLayout>  
62.         <FrameLayout  
63.             android:layout_width="fill_parent"  
64.             android:layout_height="0.0dip"  
65.             android:layout_weight="1.0"  
66.             android:id="@android:id/tabcontent">  
67.         </FrameLayout>  
68.         <TabWidget  
69.             android:layout_width="fill_parent"  
70.             android:layout_height="0.0dip"  
71.             android:layout_weight="0.0"  
72.             android:visibility="gone"  
73.             android:id="@android:id/tabs"></TabWidget>  
74.         <!-- 底部橫條以及RadioButton  -->  
75.         <RelativeLayout  
76.             android:layout_alignParentBottom="true"  
77.             android:layout_width="fill_parent"  
78.             android:layout_height="57dip"  
79.             android:background="@drawable/formlist_bottom_btn"  
80.             android:id="@+id/layout_weibo_boss_bottom">  
81.             <RadioGroup  
82.                 android:layout_width="wrap_content"  
83.                 android:layout_height="57dip"  
84.                 android:orientation="horizontal"  
85.                 android:gravity="center_vertical"  
86.                 android:layout_gravity="bottom"  
87.                 android:id="@+id/boss_radio">  
88.                 <RadioButton  
89.                     android:drawableTop="@drawable/radio_newstyle_boss_home"  
90.                     android:checked="true"  
91.                     android:id="@+id/radio_button0"  
92.                     android:layout_marginTop="2.0dip"  
93.                     style="@style/boss_tab_bottom">  
94.                 </RadioButton>  
95.                 <RadioButton  
96.                     android:drawableTop="@drawable/radio_newstyle_boss_search"  
97.                     android:id="@+id/radio_button1"  
98.                     android:layout_marginTop="2.0dip"  
99.                     style="@style/boss_tab_bottom" />  
100.                 <RadioButton  
101.                     android:drawableTop="@drawable/radio_newstyle_boss_myweibo"  
102.                     android:id="@+id/radio_button2"  
103.                     android:layout_marginTop="2.0dip"  
104.                     style="@style/boss_tab_bottom" />  
105.                 <RadioButton  
106.                     android:drawableTop="@drawable/radio_newstyle_boss_reply"  
107.                     android:id="@+id/radio_button3"  
108.                     android:layout_marginTop="2.0dip"  
109.                     style="@style/boss_tab_bottom" />  
110.                 <RadioButton  
111.                     android:drawableTop="@drawable/radio_newstyle_boss_atme"  
112.                     android:id="@+id/radio_button4"  
113.                     android:layout_marginTop="2.0dip"  
114.                     style="@style/boss_tab_bottom" />  
115.                 <RadioButton  
116.                     android:drawableTop="@drawable/radio_newstyle_boss_neweibo"  
117.                     android:id="@+id/radio_button5"  
118.                     android:layout_marginTop="2.0dip"  
119.                     style="@style/boss_tab_bottom" />  
120.             </RadioGroup>  
121.         </RelativeLayout>  
122.     </RelativeLayout>  
123. </TabHost>  

後面再記錄每個小節出現的問題和解決方案。

Android新浪微博-項目整理總結 一[創建新項目]  http://www.linuxidc.com/Linux/2011-12/50137.htm