仿新浪微博客户端--界面设计(1)
2013年9月16日 新浪微博客户端继续开发
其实这些页面已经做好很久了,因为一直有其他事情要做,所以没太多时间发博客。关于新浪微博客户端的界面我想玩过微博的人都比较熟悉了,新版的客户端界面也发生了很大的变化,我这里也无法做到面面俱到,只能参考着来做咯。事先说明,一本人不太会美工,二这个项目只能当作参考,也是作为小巫学习的一个途径。各位有啥问题,自己想法子解决哈。
先来尝尝鲜吧:
以上五个界面就是主界面的效果图啦,布局其实并不复杂就是有点繁琐罢了,一般由三部分组成,顶部是标题栏,中间是显示列表或内容部分,底部是tabbar栏。
下面一个一个界面来说:
首先介绍底部的tabbar吧
/Wwj_sina_weibo/res/layout/tabbar.xml
<?xml version="1.0" encoding="utf-8"?> <TabHost xmlns:android="http://schemas.android.com/apk/res/android" android:id="@android:id/tabhost" android:layout_width="match_parent" android:layout_height="match_parent" > <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <FrameLayout android:id="@+id/msg_title" android:layout_width="match_parent" android:layout_height="wrap_content" android:visibility="gone" > </FrameLayout> <FrameLayout android:id="@android:id/tabcontent" android:layout_width="match_parent" android:layout_height="0.0dip" android:layout_weight="1.0" /> <!-- TabHost必须要有 TabWidget 否则要报错,我们这里设置它不可见 --> <TabWidget android:id="@android:id/tabs" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="0.0" android:visibility="gone" /> <!-- 底部按钮 --> <RadioGroup android:id="@+id/main_radio" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="bottom" android:gravity="center_horizontal" android:orientation="horizontal" android:background="@drawable/tabbar_background"> <RadioButton android:id="@+id/tabbar_home" style="@style/main_tab_bottom" android:layout_marginTop="2.0dip" android:drawableTop="@drawable/tabbar_home_selector" android:tag="tabbar_home" android:text="@string/home" /> <RadioButton android:id="@+id/tabbar_message" style="@style/main_tab_bottom" android:layout_marginTop="2.0dip" android:drawableTop="@drawable/tabbar_message_selector" android:tag="tabbar_message" android:text="@string/message" /> <RadioButton android:id="@+id/tabbar_me" style="@style/main_tab_bottom" android:layout_marginTop="2.0dip" android:drawableTop="@drawable/tabbar_selfinfo_selector" android:tag="tabbar_me" android:text="@string/me" /> <RadioButton android:id="@+id/tabbar_discove" style="@style/main_tab_bottom" android:layout_marginTop="2.0dip" android:drawableTop="@drawable/tabbar_discove_selector" android:tag="tabbar_discove" android:text="@string/discove" /> <RadioButton android:id="@+id/tabbar_more" style="@style/main_tab_bottom" android:layout_marginTop="2.0dip" android:drawableTop="@drawable/tabbar_more_selector" android:tag="tabbar_more" android:text="@string/more" /> </RadioGroup> </LinearLayout> </TabHost>
这里要说明一下,好像自Android3.0后,为了适应大屏幕的出现,增加了Fragment这个组件,是依赖与Activity的,一个Activity可以有多个Fragment,这样可以实现多交互效果。现在TabActivity都被抛弃了,高版本的SDK基本上不用了,只有低版本的SDK才会用,现在基本上用Fragments来代替这个类。在这里我也不用Fragments来代替它了,反正高版本的会兼容低版本的。
/Wwj_sina_weibo/res/layout/home.xml
微博列表界面
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/ll_home_layout" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <!-- 标题头 --> <include android:id="@+id/freelook_title_home" layout="@layout/home_title" /> <!-- 自定义的圆形进度条 --> <include android:id="@+id/loginprogres" layout="@layout/progress" /> <!-- 自定义刷新列表,下拉刷新 --> <com.wwj.sina.weibo.view.PullToRefreshListView android:id="@+id/weibolist" android:layout_width="match_parent" android:layout_height="match_parent" android:fastScrollEnabled="true" /> </LinearLayout>
<?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/home_title_layout" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/titlebar_bg_nor" > <Button android:id="@+id/btn_home_post_weibo" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="left|center_vertical" android:layout_marginLeft="5.0dip" android:background="@drawable/widget_edit_icon" /> <TextView android:id="@+id/tv_home_name" android:layout_width="200dp" android:layout_height="wrap_content" android:layout_gravity="center" android:gravity="center" android:text="@string/xiaowu" android:textColor="@color/title_text_color" android:textSize="@dimen/title_text_size"/> <FrameLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="right|center_vertical"> <ProgressBar android:id="@+id/progressbar_home_reload" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" style="?android:attr/progressBarStyleSmall" android:visibility="gone" /> <Button android:id="@+id/btn_home_reload" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/title_reload" /> </FrameLayout> </FrameLayout>
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/show_progress_layout" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@color/white" android:gravity="center" android:orientation="horizontal" android:visibility="gone" > <ProgressBar android:id="@+id/progressBar" style="?android:attr/progressBarStyleLarge" android:layout_width="30dip" android:layout_height="30dip" android:indeterminateDrawable="@drawable/progressbar" /> <TextView android:id="@+id/progress_tv" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/loadinfo" android:textColor="@color/black" /> </LinearLayout>
消息界面
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/ll_home_layout" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:background="@drawable/titlebar_bg_nor"> <!-- 标题头 --> <include android:id="@+id/freelook_home_message" layout="@layout/message_title" /> <ListView android:id="@+id/msglist" android:layout_width="match_parent" android:layout_height="wrap_content" android:cacheColorHint="#00000000" android:divider="#FCCC" android:dividerHeight="1.0dip" > </ListView> </LinearLayout>
/Wwj_sina_weibo/res/layout/message_title.xml
<?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/home_title_layout" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/titlebar_bg_nor" > <TextView android:id="@+id/tv_msg_name" android:layout_width="200dp" android:layout_height="wrap_content" android:layout_gravity="center" android:gravity="center" android:text="@string/message" android:textColor="@color/title_text_color" android:textSize="@dimen/title_text_size" /> <FrameLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="right|center_vertical" > <Button android:id="@+id/btnWritePrivateMsg" android:layout_width="wrap_content" android:layout_height="40dp" android:layout_marginRight="10dip" android:background="@drawable/ic_btn_send" android:text="@string/message_box_write_msg" android:textSize="12sp" /> </FrameLayout> </FrameLayout>
个人资料界面
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" > <!-- 头布局 --> <include android:id="@+id/freelook_title_selfinfo" android:layout_height="match_parent" layout="@layout/selfinfo_title" /> <ScrollView android:layout_width="match_parent" android:layout_height="match_parent" > <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" > <!-- 用户头像及用户名布局 --> <RelativeLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:layout_marginLeft="20dp" android:layout_marginRight="20dp" > <FrameLayout android:layout_width="wrap_content" android:layout_height="115dp" android:layout_marginBottom="1dp" android:layout_marginLeft="20dp" android:layout_marginTop="5dp" > <ImageView android:id="@+id/user_portrait" android:layout_width="114dp" android:layout_height="114dp" android:layout_margin="3dp" android:contentDescription="@string/empty" android:scaleType="centerInside" android:src="@drawable/portrait" /> <ImageView android:layout_width="114dp" android:layout_height="wrap_content" android:layout_margin="3dp" android:contentDescription="@string/empty" android:scaleType="centerInside" android:src="@drawable/portrait_round" /> </FrameLayout> <Button android:id="@+id/btnEdit" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_alignParentRight="true" android:layout_marginRight="20dp" android:background="@drawable/attend_do" android:text="@string/edit" /> </RelativeLayout> <!-- 用户地址和登录布局 --> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="10dp" android:gravity="center_horizontal" android:orientation="vertical" > <FrameLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:layout_marginBottom="1dp" > <ImageButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:background="@null" android:contentDescription="@string/empty" android:src="@drawable/list_above_nor" /> <RelativeLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:layout_marginLeft="15dp" android:layout_marginRight="15dp" > <TextView android:id="@+id/tv_address" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" android:layout_marginLeft="10dp" android:text="@string/address" android:textColor="#ff333333" android:textSize="22sp" /> <TextView android:id="@+id/tv_userAddress" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_toRightOf="@+id/tv_address" android:text="@string/userAddress" android:textColor="#ff333333" android:textSize="22sp" /> </RelativeLayout> </FrameLayout> <FrameLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:layout_marginBottom="1dp" > <ImageButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:background="@null" android:contentDescription="@string/empty" android:src="@drawable/list_above_nor" /> <RelativeLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:layout_marginLeft="15dp" android:layout_marginRight="15dp" > <TextView android:id="@+id/loginnum" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" android:layout_marginLeft="10dp" android:paddingTop="5dp" android:text="@string/loginNum" android:textColor="#ff333333" android:textSize="22sp" /> <TextView android:id="@+id/tv_loginNum" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_toRightOf="@+id/loginnum" android:text="@string/loginNum2" android:textColor="#ff333333" android:textSize="22sp" /> </RelativeLayout> </FrameLayout> </LinearLayout> <!-- 微博话题 粉丝条数布局 --> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center_horizontal" > <RelativeLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center_horizontal" > <!-- 关注 --> <FrameLayout android:id="@+id/fl_attend" android:layout_width="wrap_content" android:layout_height="wrap_content" > <ImageButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:background="@null" android:contentDescription="@string/empty" android:src="@drawable/bg_panel_above_left" /> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center" android:orientation="vertical" > <TextView android:id="@+id/user_attention_num" android:layout_width="wrap_content" android:layout_height="wrap_content" android:paddingTop="2dp" android:text="@string/zero" android:textColor="@color/blue" android:textSize="20sp" > </TextView> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center_vertical" android:text="@string/attention" android:textColor="#ff333333" android:textSize="20sp" > </TextView> </LinearLayout> </FrameLayout> <!-- 微博 --> <FrameLayout android:id="@+id/fl_twitter" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_toRightOf="@+id/fl_attend" > <ImageButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:background="@null" android:contentDescription="@string/empty" android:src="@drawable/bg_panel_above_right" /> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center" android:orientation="vertical" > <TextView android:id="@+id/user_weibo_num" android:layout_width="wrap_content" android:layout_height="wrap_content" android:paddingTop="2dp" android:text="@string/zero" android:textColor="@color/blue" android:textSize="20sp" > </TextView> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center_vertical" android:text="@string/weibo" android:textColor="#ff333333" android:textSize="20sp" > </TextView> </LinearLayout> </FrameLayout> <!-- 粉丝 --> <FrameLayout android:id="@+id/fl_fans" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/fl_attend" > <ImageButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:background="@null" android:contentDescription="@string/empty" android:src="@drawable/bg_panel_below_right" /> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center" android:orientation="vertical" > <TextView android:id="@+id/user_fans_num" android:layout_width="wrap_content" android:layout_height="wrap_content" android:paddingTop="2dp" android:text="@string/zero" android:textColor="@color/blue" android:textSize="20sp" > </TextView> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center_vertical" android:text="@string/fans" android:textColor="#ff333333" android:textSize="20sp" > </TextView> </LinearLayout> </FrameLayout> <!-- 话题 --> <FrameLayout android:id="@+id/fl_topic" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/fl_twitter" android:layout_toRightOf="@+id/fl_fans" > <ImageButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:background="@null" android:contentDescription="@string/empty" android:src="@drawable/bg_panel_below_right" /> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center" android:orientation="vertical" > <TextView android:id="@+id/user_topic_num" android:layout_width="wrap_content" android:layout_height="wrap_content" android:paddingTop="2dp" android:text="@string/zero" android:textColor="@color/blue" android:textSize="20sp" > </TextView> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center_vertical" android:text="@string/topic" android:textColor="#ff333333" android:textSize="20sp" > </TextView> </LinearLayout> </FrameLayout> </RelativeLayout> </LinearLayout> <!-- 底部收藏和黑名单 --> <LinearLayout android:id="@+id/Userfavlin" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_margin="10dp" android:gravity="center_horizontal" android:orientation="vertical" > <FrameLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginBottom="1dp" android:gravity="center_horizontal" > <ImageButton android:id="@+id/user_fav_bt" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:background="@null" android:contentDescription="@string/empty" android:src="@drawable/circle_list_top" /> <RelativeLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:layout_marginLeft="15dp" android:layout_marginRight="15dp" android:orientation="horizontal" > <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_centerVertical="true" android:layout_marginRight="15dp" android:contentDescription="@string/empty" android:src="@drawable/triangle" /> <TextView android:id="@+id/user_collect_num" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_marginLeft="20dp" android:layout_toRightOf="@+id/textView1" android:text="@string/zero" android:textColor="@color/blue" android:textSize="22sp" > </TextView> <TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" android:layout_marginLeft="10dp" android:text="@string/favorites" android:textColor="#ff333333" android:textSize="22sp" /> </RelativeLayout> </FrameLayout> <FrameLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center_horizontal" > <ImageButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:background="@null" android:contentDescription="@string/empty" android:src="@drawable/circle_list_bottom" /> <RelativeLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:layout_marginLeft="15dp" android:layout_marginRight="15dp" android:orientation="horizontal" > <TextView android:id="@+id/user_blacklist_num" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_marginLeft="22dp" android:layout_toRightOf="@+id/tv_blacklist" android:text="@string/zero" android:textColor="@color/blue" android:textSize="22sp" > </TextView> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_centerVertical="true" android:layout_marginRight="15dp" android:contentDescription="@string/empty" android:src="@drawable/triangle" /> <TextView android:id="@+id/tv_blacklist" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" android:layout_marginLeft="10dp" android:text="@string/blacklist" android:textColor="#ff333333" android:textSize="22sp" /> </RelativeLayout> </FrameLayout> </LinearLayout> </LinearLayout> </ScrollView> </LinearLayout>
发现界面
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/search_title_layout" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/titlebar_bg_nor" android:orientation="vertical" > <include android:id="@+id/title" layout="@layout/search_title" /> <include android:id="@+id/search" layout="@layout/searchpre" /> <ListView android:id="@+id/searchweibolist" android:layout_width="match_parent" android:layout_height="match_parent" android:cacheColorHint="#00000000" android:divider="#FCC" android:dividerHeight="1.0dip" android:listSelector="#00000000" > </ListView> </LinearLayout>
<?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/search_title_layout" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/titlebar_bg_nor" > <TextView android:id="@+id/tv_search_name" android:layout_width="200dp" android:layout_height="wrap_content" android:layout_gravity="center" android:gravity="center" android:text="@string/xiaowu" android:textColor="@color/title_text_color" android:textSize="@dimen/title_text_size" /> <FrameLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="right|center_vertical" > <ProgressBar android:id="@+id/titleprogressBar" style="?android:attr/progressBarStyleLarge" android:layout_width="30dip" android:layout_height="30dip" android:indeterminateDrawable="@drawable/progressbar" android:visibility="gone" /> <ImageView android:id="@+id/title_bt_right" android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="@string/empty"/> </FrameLayout> </FrameLayout>
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/search_title_layout" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" > <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@color/white" android:orientation="horizontal" android:paddingLeft="5.0dip" android:paddingRight="5.0dip" > <RelativeLayout android:layout_width="match_parent" android:layout_height="wrap_content" > <AutoCompleteTextView android:id="@+id/AutoCompleteTextView01" style="@style/my_AutoCompleteText_style" android:layout_width="match_parent" android:layout_height="wrap_content" android:completionThreshold="1" android:hint="@string/soso" android:paddingLeft="25dp" android:singleLine="true" /> <Button android:id="@+id/btnSearch" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_alignParentTop="true" android:background="@drawable/search_button_bg" > </Button> </RelativeLayout> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:background="@color/white" android:orientation="vertical" android:paddingLeft="5dp" android:paddingRight="5dp" > <RadioGroup android:id="@+id/main_radio" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="bottom" android:gravity="center" android:orientation="horizontal" > <RadioButton android:id="@+id/rbSearchWeibo" style="@style/search_radiobutton_weibo" android:checked="true" android:drawableLeft="@drawable/search_radio_1" android:tag="radio_button0" android:text="@string/search_weibo" android:textSize="17.0sp" /> <RadioButton android:id="@+id/rbSearchUser" style="@style/search_radiobutton_user" android:drawableLeft="@drawable/search_radio_2" android:tag="radio_button1" android:text="@string/search_user" android:textSize="17.0sp" /> </RadioGroup> </LinearLayout> </LinearLayout>
更多界面
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/more_title_layout" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:weightSum="1.0" > <include android:id="@+id/title" layout="@layout/more_title" /> <ScrollView android:layout_width="match_parent" android:layout_height="wrap_content" android:fadingEdge="none" > <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center_vertical" android:orientation="vertical" android:paddingBottom="10.0dip" android:paddingLeft="10.0dip" android:paddingRight="10.0dip" android:paddingTop="10.0dip" > <TableLayout android:id="@+id/MorePageTableLayout_Favorite" android:layout_width="match_parent" android:layout_height="wrap_content" android:shrinkColumns="0" android:stretchColumns="0" > <TableRow android:id="@+id/more_page_row0" android:layout_width="match_parent" android:layout_marginLeft="2.0dip" android:layout_marginRight="2.0dip" android:background="@drawable/more_item_press" android:clickable="true" android:paddingBottom="16.0dip" android:paddingTop="16.0dip" > <TextView android:layout_width="wrap_content" android:layout_height="match_parent" android:drawableLeft="@drawable/mylike" android:drawablePadding="10.0dip" android:gravity="center_vertical" android:includeFontPadding="false" android:paddingLeft="17.0dip" android:text="@string/myweibo" android:textColor="#ff333333" android:textSize="16.0sp" /> <ImageView android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_gravity="right" android:contentDescription="@string/empty" android:gravity="center_vertical" android:paddingRight="20.0dip" android:src="@drawable/ic_arrow" /> </TableRow> </TableLayout> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginBottom="10.0dip" android:layout_marginTop="10.0dip" android:gravity="center_vertical" android:paddingLeft="4.0dip" android:text="@string/mysetting" android:textColor="#ff888888" android:textSize="16.0sp" /> <TableLayout android:id="@+id/MorePageTableLayout_Follow" android:layout_width="fill_parent" android:layout_height="wrap_content" android:paddingLeft="1.0dip" android:shrinkColumns="0" android:stretchColumns="0" > <TableRow android:id="@+id/more_page_row1" android:layout_width="fill_parent" android:layout_marginLeft="2.0dip" android:layout_marginRight="2.0dip" android:background="@drawable/more_itemtop_press" android:clickable="true" android:paddingBottom="16.0dip" android:paddingTop="16.0dip" > <TextView android:layout_width="wrap_content" android:layout_height="fill_parent" android:drawableLeft="@drawable/myfollow" android:drawablePadding="10.0dip" android:gravity="center_vertical" android:includeFontPadding="false" android:paddingLeft="17.0dip" android:text="@string/user_manger" android:textColor="#ff333333" android:textSize="16.0sp" /> <ImageView android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_gravity="right" android:contentDescription="@string/empty" android:gravity="center_vertical" android:paddingRight="20.0dip" android:src="@drawable/ic_arrow" /> </TableRow> <TableRow android:id="@+id/more_page_row2" android:layout_width="fill_parent" android:layout_marginLeft="2.0dip" android:layout_marginRight="2.0dip" android:background="@drawable/more_itemmiddle_press" android:clickable="true" android:paddingBottom="16.0dip" android:paddingTop="16.0dip" > <TextView android:layout_width="wrap_content" android:layout_height="fill_parent" android:drawableLeft="@drawable/search_friends" android:drawablePadding="10.0dip" android:gravity="center_vertical" android:includeFontPadding="false" android:paddingLeft="17.0dip" android:text="@string/findfrinends" android:textColor="#ff333333" android:textSize="16.0sp" /> <ImageView android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_gravity="right" android:contentDescription="@string/empty" android:gravity="center_vertical" android:paddingRight="20.0dip" android:src="@drawable/ic_arrow" /> </TableRow> <TableRow android:id="@+id/more_page_row3" android:layout_width="fill_parent" android:layout_marginLeft="2.0dip" android:layout_marginRight="2.0dip" android:background="@drawable/more_itembottom_press" android:paddingBottom="16.0dip" android:clickable="true" android:paddingTop="16.0dip" > <TextView android:layout_width="wrap_content" android:layout_height="fill_parent" android:drawableLeft="@drawable/invite_friends" android:drawablePadding="10.0dip" android:gravity="center_vertical" android:includeFontPadding="false" android:paddingLeft="17.0dip" android:text="@string/invite_frinends" android:textColor="#ff333333" android:textSize="16.0sp" /> <ImageView android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_gravity="right" android:contentDescription="@string/empty" android:gravity="center_vertical" android:paddingRight="20.0dip" android:src="@drawable/ic_arrow" /> </TableRow> </TableLayout> <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginBottom="10.0dip" android:layout_marginTop="10.0dip" android:gravity="center_vertical" android:paddingLeft="4.0dip" android:text="@string/client" android:textColor="#ff888888" android:textSize="16.0sp" /> <TableLayout android:id="@+id/MorePageTableLayout_Client" android:layout_width="fill_parent" android:layout_height="wrap_content" android:paddingLeft="1.0dip" android:shrinkColumns="0" android:stretchColumns="0" > <TableRow android:id="@+id/more_page_row4" android:layout_width="fill_parent" android:layout_marginLeft="2.0dip" android:layout_marginRight="2.0dip" android:background="@drawable/more_itemtop_press" android:clickable="true" android:paddingBottom="16.0dip" android:paddingTop="16.0dip" > <TextView android:layout_width="wrap_content" android:layout_height="fill_parent" android:drawableLeft="@drawable/setting_mor" android:drawablePadding="10.0dip" android:gravity="center_vertical" android:includeFontPadding="false" android:paddingLeft="17.0dip" android:text="@string/setting" android:textColor="#ff333333" android:textSize="16.0sp" /> <ImageView android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_gravity="right" android:contentDescription="@string/empty" android:gravity="center_vertical" android:paddingRight="20.0dip" android:src="@drawable/ic_arrow" /> </TableRow> <TableRow android:id="@+id/more_page_row5" android:layout_width="match_parent" android:layout_marginLeft="2.0dip" android:layout_marginRight="2.0dip" android:background="@drawable/more_itemmiddle_press" android:clickable="true" android:paddingBottom="16.0dip" android:paddingTop="16.0dip" > <TextView android:layout_width="wrap_content" android:layout_height="match_parent" android:drawableLeft="@drawable/feed_back" android:drawablePadding="10.0dip" android:gravity="center_vertical" android:includeFontPadding="false" android:paddingLeft="17.0dip" android:text="@string/addcomment" android:textColor="#ff333333" android:textSize="16.0sp" /> <ImageView android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_gravity="right" android:contentDescription="@string/empty" android:gravity="center_vertical" android:paddingRight="20.0dip" android:src="@drawable/ic_arrow" /> </TableRow> <TableRow android:id="@+id/more_page_row6" android:layout_width="fill_parent" android:layout_marginLeft="2.0dip" android:layout_marginRight="2.0dip" android:background="@drawable/more_itemmiddle_press" android:clickable="true" android:paddingBottom="16.0dip" android:paddingTop="16.0dip" > <TextView android:layout_width="wrap_content" android:layout_height="fill_parent" android:drawableLeft="@drawable/moreitems_version" android:drawablePadding="10.0dip" android:gravity="center_vertical" android:includeFontPadding="false" android:paddingLeft="17.0dip" android:text="@string/checkupdate" android:textColor="#ff333333" android:textSize="16.0sp" /> <ImageView android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_gravity="right" android:contentDescription="@string/empty" android:gravity="center_vertical" android:paddingRight="20.0dip" android:src="@drawable/ic_arrow" /> </TableRow> <TableRow android:id="@+id/more_page_row7" android:layout_width="fill_parent" android:layout_marginLeft="2.0dip" android:layout_marginRight="2.0dip" android:background="@drawable/more_itembottom_press" android:clickable="true" android:paddingBottom="16.0dip" android:paddingTop="16.0dip" > <TextView android:layout_width="wrap_content" android:layout_height="fill_parent" android:drawableLeft="@drawable/about_page_mor" android:drawablePadding="10.0dip" android:gravity="center_vertical" android:includeFontPadding="false" android:paddingLeft="17.0dip" android:text="@string/about" android:textColor="#ff333333" android:textSize="16.0sp" /> <ImageView android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_gravity="right" android:contentDescription="@string/empty" android:gravity="center_vertical" android:paddingRight="20.0dip" android:src="@drawable/ic_arrow" /> </TableRow> </TableLayout> </LinearLayout> </ScrollView> </LinearLayout>
<?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/more_title_layout" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/titlebar_bg_nor" > <TextView android:id="@+id/tv_more_name" android:layout_width="200dp" android:layout_height="wrap_content" android:layout_gravity="center" android:gravity="center" android:text="@string/more" android:textColor="@color/title_text_color" android:textSize="@dimen/title_text_size" /> <FrameLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="right|center_vertical" > <ProgressBar android:id="@+id/titleprogressBar" style="?android:attr/progressBarStyleLarge" android:layout_width="30dip" android:layout_height="30dip" android:indeterminateDrawable="@drawable/progressbar" android:visibility="gone" /> <ImageView android:id="@+id/title_bt_right" android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="@string/empty"/> </FrameLayout> </FrameLayout>
关于主界面的设计就这么些代码了,好像蛮多的,其实完全可以发挥你自己的想象力,把原型做出来。我这里也是为了开发方便,界面不会做太多修改,等之后能获取到微博数据,再考虑美化界面。