仿新浪微博客户端--界面设计(1)

仿新浪微博客户端--界面设计(1)


2013年9月16日新浪微博客户端继续开发

其实这些页面已经做好很久了,因为一直有其他事情要做,所以没太多时间发博客。关于新浪微博客户端的界面我想玩过微博的人都比较熟悉了,新版的客户端界面也发生了很大的变化,我这里也无法做到面面俱到,只能参考着来做咯。事先说明,一本人不太会美工,二这个项目只能当作参考,也是作为小巫学习的一个途径。各位有啥问题,自己想法子解决哈。

 

先来尝尝鲜吧:

仿新浪微博客户端--界面设计(1) 仿新浪微博客户端--界面设计(1)

仿新浪微博客户端--界面设计(1) 仿新浪微博客户端--界面设计(1)

仿新浪微博客户端--界面设计(1)



以上五个界面就是主界面的效果图啦,布局其实并不复杂就是有点繁琐罢了,一般由三部分组成,顶部是标题栏,中间是显示列表或内容部分,底部是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>


/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" >



	<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>


/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" >



    <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>


/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">



    <!-- 标题头 -->

    <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>


这里是为了方便以后的扩展,添加了一个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" >



    <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>


/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" >



    <!-- 头布局 -->



    <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>


/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" >



    <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>


/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" >



    <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>


/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" >



    <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>

 



/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" >



    <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>

 


/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" >



    <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>


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



 

你可能感兴趣的:(新浪微博)