Android 仿当乐游戏详情页面(二)

作者：网友字体：[增加减小] 来源：互联网时间：2017-05-26

网友通过本文主要向大家介绍了android 当乐,android 商品详情页,android 淘宝详情页,android 商品详情,android 仿淘宝详情等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

Android 仿当乐游戏详情页面(二)

写在前面

通过上一篇文章的分析，基本已经了解当乐游戏详情页面的思想思路了，本篇文章主要是实现页面的基本效果。

页面布局

通过上一篇文章分析，已经知道，当乐游戏详情页是通过3个不同层次的布局进行叠加来实现的，为了实现这种层次结构，需要用到RelativeLayout 。
这3个View层次如图所示，分别为：介绍游戏简介的头布局、介绍游戏详情的详情界面、还有toolbar。

介绍游戏简介的头布局：

游戏头布局
如图所示，红色圈圈里面的便是介绍这个游戏的头布局。

layout_game_detail_head.xml

展示游戏各种详情的内容布局

游戏详情布局
如图所示，黄色圈圈里面的是展示游戏相亲的内容布局。

layout_content.xml

ToolBar的布局

layout_bar.xml

主页面的布局

activity_main.xml

这些都是一些常规的视图布局，通过在RelativeLayout里面对各个布局进行不同层次的摆放以达到实现复杂界面的效果。

内容界面移动的实现

观察当乐的游戏内容介绍，发现内容界面的移动有如下三种状态：
1、处于顶部的状态
顶部状态
2、中间状态

3、底部状态

处于顶部状态时，图一中，红色圈圈部分的游戏简介被移出布局之外，并且tab被固定在toobar下面。
如图二所示，当处于中间状态时，toolba完全透明，并且介意游戏各种详情的界面移动到中间，而当其处于底部状态时，由于展示游戏各种信息的布局被移出来界面之外，此时，游戏简介布局被固定在屏幕底部。

在移动的过程中，我们需要几个参数来定义移动布局几个状态所处的位置：

 mTopL = -mHeadH + mBarH;
 mCenterL = Util.dp2px(150);
 mBottomL = mScreenH - mStateBarH - mNBarH - mHeadH + mBarH;

mHeadH 展示游戏信息的头部的View（下图红色圈中的View的高度）
中间状态

vcC4tcS437bIIG1CYXJIIHRvb2xiYXK78nRhYmJhcrXEuN+2yA0KPHA+0sa2r7K8vta1xMq1z9a0+sLryOfPwjo8L3A+DQo8cHJlIGNsYXNzPQ=="brush:java;">

     /**通过手势控制GameContentView的移动*/
     class Si


   
 
 
分享到：QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印


 

您可能想查找下面的文章:

Android 仿当乐游戏详情页面(二)


 

相关文章

2017-05-26android 所有焦点问题--Focus，android--focus
2017-05-26我的android学习经历16，android学习经历16
2017-05-26[Android] 使用ViewPager 实现导航，androidviewpager
2017-05-26SwipeMenuListView框架完全解析，swipemenulistview
2017-05-227.5.6 WebView处理网页返回的错误码信息
2017-05-26JSON解析和XML解析对比，JSON解析XML解析
2017-05-223.8 Gestures(手势)
2017-05-26android 4.2 系统以后的飞行模式，android4.2
2017-05-26android列表停止滚动，加载图片，较为通用的一种办法，
2017-05-26Android开发：控件之WebView

Android 仿当乐游戏详情页面(二)