快捷搜索:

android开发我的新浪微博客户端-用户首页面UI篇

在前篇完成了用户登录功能后开始用户首页的开拓,用户的首页主要的内容是当前登任命户关注的微博列表,本篇先来讲讲UI的实现,效果如上图,全部页面分为上、中、下三部分,上面部分是对象条,显示当前登任命户的昵称以及写微博、刷新两个功能按钮;中心部分是当前用户关注的最新微博列表,下面部分是功能切换栏,用来进行各个功能之间的切换。

首先新建名为HomeActivity.java的Activity作为用户首页,然后在res/layout目录下新建名为home.xml的Layout,详细代码如下:

xml version="1.0" encoding="utf-8"?>

LinearLayout

xmlns:android="http://schemas.android.com/apk/res/android"

android:id="@+id/layout"

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent">

RelativeLayout

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_margin="3px">

ImageView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:src="@drawable/logo_ss">

ImageView>

TextView

android:id="@+id/showName"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerInParent="true"

android:textColor="#343434"

android:textSize="15px">

TextView>

ImageButton

android:id="@+id/writeBtn"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_toLeftOf="@+id/refreshBtn"

android:background="@drawable/btn_write_selector">

ImageButton>

ImageButton

android:id="@+id/refreshBtn"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentRight="true"

android:layout_marginLeft="12px"

android:background="@drawable/btn_refresh_selector">

ImageButton>

RelativeLayout>

LinearLayout

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:background="@drawable/hr">

LinearLayout>

RelativeLayout

android:layout_width="fill_parent"

android:layout_height="fill_parent">

ListView

android:id="@+id/Msglist"

android:layout_width="fill_parent"

android:layout_height="match_parent"

android:divider="@drawable/divider"

android:dividerHeight="2px"

android:layout_margin="0px"

android:background="#BBFFFFFF"

android:cacheColorHint="#00000000"

android:layout_above="@+id/toolbarLayout"

android:fastScrollEnabled="true"

android:focusable="true">

ListView>

LinearLayout

android:id="@+id/loadingLayout"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:orientation="vertical"

android:visibility="invisible"

android:layout_centerInParent="true">

ProgressBar

android:id="@+id/loading"

android:layout_width="31px"

android:layout_height="31px"

android:layout_gravity="center"

style="@style/progressStyle">

ProgressBar>

TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="正在载入"

android:textSize="12px"

android:textColor="#9c9c9c"

android:layout_gravity="center"

android:layout_below="@+id/loading">

TextView>

LinearLayout>

LinearLayout

android:id="@+id/toolbarLayout"

android:layout_width="fill_parent"

android:layout_height="44dip"

android:layout_alignParentBottom="true">

LinearLayout>

RelativeLayout>

LinearLayout>

您可能还会对下面的文章感兴趣: