【Android】還原“微信”apk中的“發現”和“我”兩個子產品

先下載下傳一個微信apk，以壓縮包的形式打開，對比微信界面，找出我們需要的素材。

以下兩個子產品的還原完全采用RelativeLayout相對布局。

按鈕效果的實作

點選對應版塊，将有點選效果。這可以通過修改點選背景圖實作。

在res目錄下建立drawable目錄，存放以下檔案。

單行：selector_single.xml

[html] view plaincopy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <selector xmlns:android="http://schemas.android.com/apk/res/android" >  
3.     <item android:state_pressed="false" android:drawable="@drawable/ic_preference_single_normal"></item>  
4.     <item android:state_pressed="true" android:drawable="@drawable/ic_preference_single_pressed"></item>  
5. </selector>  

多行頂端：selector_first.xml

3.     <item android:state_pressed="false" android:drawable="@drawable/ic_preference_first_normal"></item>  
4.     <item android:state_pressed="true" android:drawable="@drawable/ic_preference_first_pressed"></item>  

多行中部：selector_body.xml

3.     <item android:state_pressed="false" android:drawable="@drawable/ic_preference_normal"></item>  
4.     <item android:state_pressed="true" android:drawable="@drawable/ic_preference_pressed"></item>  

多行底部：selector_last.xml

3.     <item android:state_pressed="false" android:drawable="@drawable/ic_preference_last_normal"></item>  
4.     <item android:state_pressed="true" android:drawable="@drawable/ic_preference_last_pressed"></item>  

“發現”子產品

布局檔案

1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:tools="http://schemas.android.com/tools"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     android:background="#E1E0DE"  
6.     tools:context=".FindActivity" >  
7.     <RelativeLayout  
8.         android:id="@+id/relativeLayout1"  
9.         android:layout_width="match_parent"  
10.         android:layout_height="50dp"  
11.         android:layout_alignParentLeft="true"  
12.         android:layout_alignParentTop="true"  
13.         android:background="#2B3439" >  
14.         <TextView  
15.             android:id="@+id/textView1"  
16.             android:layout_width="wrap_content"  
17.             android:layout_height="wrap_content"  
18.             android:layout_centerHorizontal="true"  
19.             android:layout_centerVertical="true"  
20.             android:text="發現"  
21.             android:textColor="#fff"  
22.             android:textSize="22sp" />  
23.     </RelativeLayout>  
25.         android:id="@+id/relativeLayout2"  
26.         android:layout_width="fill_parent"  
29.         android:layout_below="@+id/relativeLayout1"  
30.         android:layout_marginTop="10dp"  
31.         android:background="@drawable/selector_single"  
32.         android:clickable="true" >  
33.         <ImageView  
34.             android:id="@+id/imageView1"  
37.             android:layout_alignParentLeft="true"  
39.             android:src="@drawable/find_more_friend_photograph_icon" />  
41.             android:id="@+id/text_pyq"  
45.             android:layout_marginLeft="20dp"  
46.             android:layout_toRightOf="@+id/imageView1"  
47.             android:text="朋友圈"  
48.             android:textColor="#000" />  
50.             android:id="@+id/imageView2"  
53.             android:layout_alignParentRight="true"  
55.             android:layout_marginRight="10dp"  
56.             android:src="@drawable/pay_nofify_nav" />  
59.         android:id="@+id/relativeLayout3"  
61.         android:layout_height="100dp"  
63.         android:layout_below="@+id/relativeLayout2"  
64.         android:layout_marginTop="10dp" >  
65.         <RelativeLayout  
66.             android:id="@+id/rel_sys"  
67.             android:layout_width="match_parent"  
68.             android:layout_height="50dp"  
70.             android:layout_alignParentTop="true"   
71.             android:background="@drawable/selector_first"  
72.             android:clickable="true" >  
73.             <ImageView  
74.                 android:id="@+id/imageView3"  
75.                 android:layout_width="wrap_content"  
76.                 android:layout_height="wrap_content"  
77.                 android:layout_alignParentLeft="true"  
78.                 android:layout_centerVertical="true"  
79.                 android:src="@drawable/find_more_friend_scan" />  
80.             <TextView  
81.                 android:id="@+id/text_sys"  
85.                 android:layout_marginLeft="20dp"  
86.                 android:layout_toRightOf="@+id/imageView3"  
87.                 android:text="掃一掃"  
88.                 android:textColor="#000" />  
90.                 android:id="@+id/imageView4"  
93.                 android:layout_alignParentRight="true"  
95.                 android:layout_marginRight="10dp"  
96.                 android:src="@drawable/pay_nofify_nav" />  
97.         </RelativeLayout>  
101.             android:layout_alignParentBottom="true"  
102.             android:layout_marginRight="-10.5dp"  
103.             android:background="@drawable/selector_last"  
104.             android:clickable="true">  
106.                 android:id="@+id/imageView5"  
111.                 android:src="@drawable/come_from_shake" />  
113.                 android:id="@+id/text_yyy"  
118.                 android:layout_toRightOf="@+id/imageView5"  
119.                 android:text="搖一搖"  
122.                 android:id="@+id/imageView6"  
132.         android:id="@+id/relativeLayout4"  
136.         android:layout_marginTop="10dp"   
137.         android:layout_below="@+id/relativeLayout3">  
139.             android:id="@+id/rel_fjdr"  
147.                 android:id="@+id/imageView7"  
152.                 android:src="@drawable/find_more_friend_near_icon" />  
154.                 android:id="@+id/text_fjdr"  
159.                 android:layout_toRightOf="@+id/imageView7"  
160.                 android:text="附近的人"  
163.                 android:id="@+id/imageView8"  
179.                 android:id="@+id/imageView9"  
184.                 android:src="@drawable/come_from_bottle" />  
186.                 android:id="@+id/text_plp"  
191.                 android:layout_toRightOf="@+id/imageView9"  
192.                 android:text="漂流瓶"  
195.                 android:id="@+id/imageView10"  
205.         android:id="@+id/relativeLayout5"  
209.         android:layout_below="@+id/relativeLayout4"  
212.         android:clickable="true">  
214.             android:id="@+id/imageView11"  
219.             android:src="@drawable/more_game" />  
221.             android:id="@+id/text_yxzx"  
226.             android:layout_toRightOf="@+id/imageView11"  
227.             android:text="遊戲中心"  
230.             android:id="@+id/imageView12"  
238. </RelativeLayout>  

效果圖

“我”子產品

5.     android:background="#E1E0DE" >  
19.             android:text="我"  
26.         android:layout_height="90dp"  
38.             android:layout_marginLeft="10dp"  
39.             android:src="@drawable/special_spring_head2" />  
42.             android:layout_height="match_parent"  
44.             android:layout_marginLeft="23dp"  
45.             android:paddingTop="20dp"  
46.             android:paddingBottom="20dp"  
47.             android:layout_toRightOf="@+id/imageView1" >  
49.                 android:id="@+id/textView2"  
53.                 android:layout_alignParentTop="true"  
54.                 android:text="決Jue"  
57.                 android:id="@+id/textView3"  
60.                 android:layout_alignParentBottom="true"  
62.                 android:text="微信号：JueWYQ" />  
73.    <RelativeLayout  
76.         android:layout_height="150dp"  
81.             android:id="@+id/rel_wdxc"  
85.             android:layout_alignParentTop="true"  
94.                 android:src="@drawable/more_my_album" />  
102.                 android:text="我的相冊"  
114.             android:id="@+id/rel_wdsc"  
117.             android:layout_below="@id/rel_wdxc"  
119.             android:background="@drawable/selector_body"  
127.                 android:src="@drawable/more_my_favorite" />  
135.                 android:text="我的收藏"  
159.                 android:src="@drawable/more_my_bank_card" />  
167.                 android:text="我的銀行卡"  
184.         android:layout_below="@+id/relativeLayout3"  
194.             android:src="@drawable/more_emoji_store" />  
202.             android:text="表情商店"  
228.             android:src="@drawable/more_setting" />  
236.             android:text="設定"  

分享到： 

• 上一篇：【Android】使用FrameLayout布局實作霓虹燈效果
• 下一篇：【Android】實作全屏、無标題欄效果