仿新浪微博客户端--界面设计（1）

仿新浪微博客户端--界面设计（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" ><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical" ><FrameLayoutandroid:id="@+id/msg_title"android:layout_width="match_parent"android:layout_height="wrap_content"android:visibility="gone" ></FrameLayout><FrameLayoutandroid:id="@android:id/tabcontent"android:layout_width="match_parent"android:layout_height="0.0dip"android:layout_weight="1.0" /><!-- TabHost必须要有 TabWidget 否则要报错,我们这里设置它不可见 --><TabWidgetandroid:id="@android:id/tabs"android:layout_width="fill_parent"android:layout_height="wrap_content"android:layout_weight="0.0"android:visibility="gone" /><!-- 底部按钮 --><RadioGroupandroid: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"><RadioButtonandroid: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" /><RadioButtonandroid: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" /><RadioButtonandroid: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" /><RadioButtonandroid: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" /><RadioButtonandroid: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" ><!-- 标题头 --><includeandroid:id="@+id/freelook_title_home"layout="@layout/home_title" /><!-- 自定义的圆形进度条 --><includeandroid:id="@+id/loginprogres"layout="@layout/progress" /><!-- 自定义刷新列表，下拉刷新 --><com.wwj.sina.weibo.view.PullToRefreshListViewandroid:id="@+id/weibolist"android:layout_width="match_parent"android:layout_height="match_parent"android:fastScrollEnabled="true" /></LinearLayout>

/Wwj_sina_weibo/res/layout/ home_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" ><Buttonandroid: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"/><Buttonandroid:id="@+id/btn_home_reload"android:layout_width="wrap_content"android:layout_height="wrap_content"android:background="@drawable/title_reload"/></FrameLayout>
</FrameLayout>

/Wwj_sina_weibo/res/layout/ progress.xml

<?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" ><ProgressBarandroid:id="@+id/progressBar"style="?android:attr/progressBarStyleLarge"android:layout_width="30dip"android:layout_height="30dip"android:indeterminateDrawable="@drawable/progressbar" /><TextViewandroid:id="@+id/progress_tv"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@string/loadinfo"android:textColor="@color/black" /></LinearLayout>

/Wwj_sina_weibo/res/layout/ message.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" android:background="@drawable/titlebar_bg_nor"><!-- 标题头 --><includeandroid:id="@+id/freelook_home_message"layout="@layout/message_title" /><ListViewandroid: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>

这里是为了方便以后的扩展，添加了一个ListView来消息列表。

/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" ><TextViewandroid: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" /><FrameLayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="right|center_vertical" ><Buttonandroid: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>

/Wwj_sina_weibo/res/layout/ selfinfo.xml

个人资料界面

<?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" ><!-- 头布局 --><includeandroid:id="@+id/freelook_title_selfinfo"android:layout_height="match_parent"layout="@layout/selfinfo_title" /><ScrollViewandroid:layout_width="match_parent"android:layout_height="match_parent" ><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical" ><!-- 用户头像及用户名布局 --><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_gravity="center_horizontal"android:layout_marginLeft="20dp"android:layout_marginRight="20dp" ><FrameLayoutandroid:layout_width="wrap_content"android:layout_height="115dp"android:layout_marginBottom="1dp"android:layout_marginLeft="20dp"android:layout_marginTop="5dp" ><ImageViewandroid: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" /><ImageViewandroid: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><Buttonandroid: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><!-- 用户地址和登录布局 --><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_margin="10dp"android:gravity="center_horizontal"android:orientation="vertical" ><FrameLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_gravity="center_horizontal"android:layout_marginBottom="1dp" ><ImageButtonandroid: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" /><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_gravity="center_vertical"android:layout_marginLeft="15dp"android:layout_marginRight="15dp" ><TextViewandroid: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" /><TextViewandroid: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><FrameLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_gravity="center_horizontal"android:layout_marginBottom="1dp" ><ImageButtonandroid: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" /><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_gravity="center_vertical"android:layout_marginLeft="15dp"android:layout_marginRight="15dp" ><TextViewandroid: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" /><TextViewandroid: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><!-- 微博话题 粉丝条数布局 --><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:gravity="center_horizontal" ><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:gravity="center_horizontal" ><!-- 关注 --><FrameLayoutandroid:id="@+id/fl_attend"android:layout_width="wrap_content"android:layout_height="wrap_content" ><ImageButtonandroid: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" /><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:gravity="center"android:orientation="vertical" ><TextViewandroid: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><TextViewandroid: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><!-- 微博 --><FrameLayoutandroid:id="@+id/fl_twitter"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_toRightOf="@+id/fl_attend" ><ImageButtonandroid: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" /><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:gravity="center"android:orientation="vertical" ><TextViewandroid: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><TextViewandroid: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><!-- 粉丝 --><FrameLayoutandroid:id="@+id/fl_fans"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_below="@+id/fl_attend" ><ImageButtonandroid: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" /><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:gravity="center"android:orientation="vertical" ><TextViewandroid: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><TextViewandroid: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><!-- 话题 --><FrameLayoutandroid: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" ><ImageButtonandroid: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" /><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:gravity="center"android:orientation="vertical" ><TextViewandroid: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><TextViewandroid: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><!-- 底部收藏和黑名单 --><LinearLayoutandroid:id="@+id/Userfavlin"android:layout_width="fill_parent"android:layout_height="wrap_content"android:layout_margin="10dp"android:gravity="center_horizontal"android:orientation="vertical" ><FrameLayoutandroid:layout_width="fill_parent"android:layout_height="wrap_content"android:layout_marginBottom="1dp"android:gravity="center_horizontal" ><ImageButtonandroid: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" /><RelativeLayoutandroid: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" ><ImageViewandroid: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" /><TextViewandroid: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><TextViewandroid: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><FrameLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:gravity="center_horizontal" ><ImageButtonandroid: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" /><RelativeLayoutandroid: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" ><TextViewandroid: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><ImageViewandroid: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" /><TextViewandroid: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>

/Wwj_sina_weibo/res/layout/ searchinfo.xml

发现界面

<?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" ><includeandroid:id="@+id/title"layout="@layout/search_title" /><includeandroid:id="@+id/search"layout="@layout/searchpre" /><ListViewandroid: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>

/Wwj_sina_weibo/res/layout/ search_title.xml

<?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" ><TextViewandroid: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" /><FrameLayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="right|center_vertical"><ProgressBarandroid:id="@+id/titleprogressBar"style="?android:attr/progressBarStyleLarge"android:layout_width="30dip"android:layout_height="30dip"android:indeterminateDrawable="@drawable/progressbar"android:visibility="gone" /><ImageViewandroid:id="@+id/title_bt_right"android:layout_width="wrap_content"android:layout_height="wrap_content" android:contentDescription="@string/empty"/></FrameLayout></FrameLayout>

/Wwj_sina_weibo/res/layout/ searchpre.xml

<?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" ><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:background="@color/white"android:orientation="horizontal"android:paddingLeft="5.0dip"android:paddingRight="5.0dip" ><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content" ><AutoCompleteTextViewandroid: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" /><Buttonandroid: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><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:background="@color/white"android:orientation="vertical"android:paddingLeft="5dp"android:paddingRight="5dp" ><RadioGroupandroid:id="@+id/main_radio"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_gravity="bottom"android:gravity="center"android:orientation="horizontal" ><RadioButtonandroid: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" /><RadioButtonandroid: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>

/Wwj_sina_weibo/res/layout/ more.xml

更多界面

<?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" ><includeandroid:id="@+id/title"layout="@layout/more_title" /><ScrollViewandroid:layout_width="match_parent"android:layout_height="wrap_content"android:fadingEdge="none" ><LinearLayoutandroid: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" ><TableLayoutandroid:id="@+id/MorePageTableLayout_Favorite"android:layout_width="match_parent"android:layout_height="wrap_content"android:shrinkColumns="0"android:stretchColumns="0" ><TableRowandroid: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" ><TextViewandroid: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" /><ImageViewandroid: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><TextViewandroid: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" /><TableLayoutandroid:id="@+id/MorePageTableLayout_Follow"android:layout_width="fill_parent"android:layout_height="wrap_content"android:paddingLeft="1.0dip"android:shrinkColumns="0"android:stretchColumns="0" ><TableRowandroid: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" ><TextViewandroid: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" /><ImageViewandroid: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><TableRowandroid: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" ><TextViewandroid: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" /><ImageViewandroid: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><TableRowandroid: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" ><TextViewandroid: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" /><ImageViewandroid: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><TextViewandroid: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" /><TableLayoutandroid:id="@+id/MorePageTableLayout_Client"android:layout_width="fill_parent"android:layout_height="wrap_content"android:paddingLeft="1.0dip"android:shrinkColumns="0"android:stretchColumns="0" ><TableRowandroid: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" ><TextViewandroid: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" /><ImageViewandroid: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><TableRowandroid: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" ><TextViewandroid: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" /><ImageViewandroid: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><TableRowandroid: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" ><TextViewandroid: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" /><ImageViewandroid: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><TableRowandroid: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" ><TextViewandroid: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" /><ImageViewandroid: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>

/Wwj_sina_weibo/res/layout/ more_title.xml

<?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" ><TextViewandroid: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" /><FrameLayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="right|center_vertical"><ProgressBarandroid:id="@+id/titleprogressBar"style="?android:attr/progressBarStyleLarge"android:layout_width="30dip"android:layout_height="30dip"android:indeterminateDrawable="@drawable/progressbar"android:visibility="gone" /><ImageViewandroid:id="@+id/title_bt_right"android:layout_width="wrap_content"android:layout_height="wrap_content" android:contentDescription="@string/empty"/></FrameLayout></FrameLayout>

关于主界面的设计就这么些代码了，好像蛮多的，其实完全可以发挥你自己的想象力，把原型做出来。我这里也是为了开发方便，界面不会做太多修改，等之后能获取到微博数据，再考虑美化界面。

仿新浪微博客户端--界面设计（1）相关推荐

Android 毕业设计高仿新浪微博客户端（内附源码）
高仿新浪微博客户端一款独立开发的第三方新浪微博客户端,在还原了官方微博的UI的同时,加入更多不同于官方微博的新特性,给用户带来更加流畅,没有广告的体验,现在任意用户均可以登录微博进行体验快速下载体 ...
高仿精仿新浪微博客户端完整版源码
给大家分享一款非常不错的,高仿精仿新浪微博客户端完整版源码,现在网上很少有这个源码,喜欢的朋友可以下载学习一下吧. 下载地址: http://code.662p.com/view/345.html
[Android] Android 手机下仿微信客户端界面 -- 微聊
Android 手机下仿微信客户端界面 -- 微聊 (包括聊天列表 + 聊天对话页 + 朋友圈列表页 + 我的/发现列表页) 项目演示: 功能说明: 1)底部标签切换 (TabHost + ...
java仿qq登录界面设计,Java Swing仿QQ登录界面效果
本文实例为大家分享了Java Swing仿QQ登录界面展示的具体代码,供大家参考,具体内容如下闲来无事将早些时候已实现的QQ登录界面再实现了一遍,纯手工打造(意思是没有用NetBeans.MyEcl ...
Aisen仿新浪微博客户端项目源码
新浪目前已经限制了第三方微博的很多API接口,加上平常时间不够,所以后续可能不会面向产品的去维护Aisen,不过也有了一些新的方向,例如引入最新Android-support-library,在一个完 ...
吸墨网iPhone手机客户端界面设计
最近我们开发的一个iPhone应用程序,个人觉得界面设计得不错,拿出来跟大家分享一下.应用程序近期会在AppStore提供下载,敬请关注本博客和吸墨网. 1.主导航 2.用户登录和用户注册 3.免 ...
Android仿新浪微博弹出界面动画,Android仿新浪微博启动界面或登陆界面（1）
本文为大家分享了Android模仿新浪微博启动界面&登陆界面的具体实现代码,供大家参考,具体内容如下启动界面主要有两个功能: 1.加载启动动画 2.判断网络,有者直接进入登陆界面,否则去设 ...
《基于Android微博整合客户端的设计与实现》毕业设计论文任务书
华南理工大学广州学院毕业设计 (论文) 任务书兹发给计算机科学与技术专业 1班学生巫文杰毕业设计(论文)任务书,内容如下: 1.毕业设计(论文)题目:基于Android ...
基于Android微博整合客户端的设计与实现毕业设计论文开题报告
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! < ...

仿新浪微博客户端--界面设计（1）

仿新浪微博客户端--界面设计（1）相关推荐

最新文章

热门文章