在前篇完成了用户登录功能后开始用户首页的开发,用户的首页主要的内容是当前登录用户关注的微博列表,本篇先来讲讲UI的实现,效果如上图,整个页面分为上、中、下三部分,上面部分是工具条,显示当前登录用户的昵称以及写微博、刷新两个功能按钮;中间部分是当前用户关注的最新微博列表,下面部分是功能切换栏,用来进行各个功能之间的切换。
首先新建名为HomeActivity.java的Activity作为用户首页,然后在res/layout目录下新建名为home.xml的Layout,具体代码如下:
这个布局首先是一个竖直的根LinearLayout,在这个根LinearLayout里面分别是两个RelativeLayout, 第一个RelativeLayout用来显示页面的工具条,第二个RelativeLayout用来显示列表以及底部的功能栏,特别主要在这第二个RelativeLayout中有一个id为loadingLayout的LinearLayout是用来显示数据载入中的动画,它的android:visibility属性为invisible(也可以设置成gone,区别:invisible这个View在ViewGroupt中仍保留它的位置,不重新layout
gone>不可见,但这个View在ViewGroupt中不保留位置,重新layout,那后面的view就会取代他的位置。),也就是一开始不显示的意思,接下来看看
<ProgressBar
android:id="@+id/loading"
android:layout_width="31px"
android:layout_height="31px"
android:layout_gravity="center"
style="@style/progressStyle">
</ProgressBar>
这个ProgressBar控件就是用来显示动画用的,关键就是style="@style/progressStyle",在res/values目录下新建名为loadingstyles.xml,内容如下:
接着准备好r1.png -r8.png,八张不同的小图片分别代表每旋转45度图片,八张刚好是360度。把这些图片添加到res/drawable-mdpi目录中。然后在res/anim目录下新建名为loading.xml动画文件,内容如下:
分享到:
相关推荐
开发我的新浪微博客户端-用户首页面UI篇 开发我的新浪微博客户端-登录页面功能篇 开发我的新浪微博客户端-登录页面UI篇 开发我的新浪微博客户端-用户授权页面功能篇 开发我的新浪微博客户端-用户授权页面UI篇 开发我...
基于Android的新浪微博系统开发03-微博客户端主架构 基于Android的新浪微博系统开发04-微博客户端主架构 基于Android的新浪微博系统开发05-主UI设计 基于Android的新浪微博系统开发主06-主UI完善 基于Android的新浪...
一款独立开发的第三方新浪微博客户端,在还原了官方微博的UI的同时,加入更多不同于官方微博的新特性,给用户带来更加流畅,没有广告的体验,现在任意用户均可以登录微博进行体验。 文章地址:...
•Android---UI篇---Tab Layout(选项卡布局) • •Andorid---UI篇---TableLayout(表格布局) • •Android---UI篇---RelativeLayout(相对布局) • •Android---UI篇---GridView(网格布局) • •Android---UI篇-...
Android 毕业设计高仿新浪微博...一款独立开发的第三方新浪微博客户端,在还原了官方微博的UI的同时,加入更多不同于官方微博的新特性,给用户带来更加流畅,没有广告的体验,现在任意用户均可以登录微博进行体验。
2、做了一个新浪微博的客服端Demo,写了简单的几个功能,没有做UI(也不太会做UI)。 3、项目并未完善,还有很多小BUG需要改进。(重新写了SDK后发现有些功能使用不了) 4、由于新浪微博APi接口有限制,所以部分...
新版Android开发教程+笔记七--基础UI编程1 新版Android开发教程+笔记八--基础UI编程2 新版Android开发教程+笔记九--基础UI编程3 新版Android开发教程+笔记十--基础UI编程4 新版Android开发教程+笔记十一--可视化UI...
Aisen微博是新浪微博的第三方客户端,UI遵循Material Design。 基本功能 遵循Material Design 发布多图、离线下载、私信(触屏版) 颜色主题切换 手势返回,4.4、5.0状态栏变色 离线编辑,定时发布 多图、gif、长...
新版Android开发教程 笔记11--可视化UI设计DroidDraw
版Android开发教程+笔记十一--可视化UI设计DroidDraw
新版Android开发教程+笔记11--可视化UI设计DroidDraw
新版Android开发教程+笔记十一--可视化UI设计DroidDraw
新版Android开发教程&笔记--基础入门一.pdf 新版Android开发教程&笔记--基础入门二.pdf 新版Android开发教程&笔记三--环境搭建与解析.pdf 新版Android开发教程&笔记四--Dalvik ADB.pdf 新版Android开发教程+笔记五--...
新版Android开发教程+笔记十一--可视化UI设计DroidDraw.pdf
新版Android开发教程&笔记--基础入门一.pdf 新版Android开发教程&笔记--基础入门二.pdf 新版Android开发教程&笔记三--环境搭建与解析.pdf 新版Android开发教程&笔记四--Dalvik ADB.pdf 新版Android开发教程+笔记五--...
Android---UI篇---Menu(菜单), Android系统里面有3种类型的菜单:options menu,context menu,sub menu。
一个比较详细的android手机开发入门教程 目录: 新版Android开发教程&笔记--基础入门一 新版Android开发教程&笔记--基础入门二 新版Android开发教程&笔记三--环境搭建与解析 新版Android开发教程&笔记四--Dalvik ...
新版Android开发教程+笔记七--基础UI编程1 新版Android开发教程+笔记八--基础UI编程2 新版Android开发教程+笔记九--基础UI编程3 新版Android开发教程+笔记十--基础UI编程4 新版Android开发教程+笔记十一--可视化UI...
新版Android开发教程 笔记7--基础UI编程1