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

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

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

<?xml version="1.0" encoding="UTF-8"?>
<resources>
<style name="progressStyle" width="38" height="38" parent="@android:style/Widget.ProgressBar.Small">
<item name="android:indeterminateDrawable">@anim/loading</item>
</style>
</resources>

接着准备好r1.png - r8.png，















八张不同的小图片分别代表每旋转45度图片，八张刚好是360度。把这些图片添加到res/drawable-mdpi目录中。然后在res/anim目录下新建名为loading.xml动画文件，内容如下：

<?xml version="1.0" encoding="UTF-8"?>
<animation-list android:oneshot="false"
xmlns:android="http://schemas.android.com/apk/res/android">
<item android:duration="200" android:drawable="@drawable/r1" />
<item android:duration="200" android:drawable="@drawable/r2" />
<item android:duration="200" android:drawable="@drawable/r3" />
<item android:duration="200" android:drawable="@drawable/r4" />
<item android:duration="200" android:drawable="@drawable/r5" />
<item android:duration="200" android:drawable="@drawable/r6" />
<item android:duration="200" android:drawable="@drawable/r7" />
<item android:duration="200" android:drawable="@drawable/r8" />
</animation-list>