App主界面Tab实现方法
2016-06-18 09:34
316 查看
在慕课网上学习了一个主界面的UI,记录下来。
01.ViewPager实现Tab(1)
首先实现顶部和底部的布局
中间使用ViewPager
02.ViewPager实现Tab(2)
实现切换ViewPager的逻辑
注:在点击底部ImageButton和TextView,只有点击TextView有效,
可以将ImageButton的XML添加android:clickable="false"
即可完成功能
03.Fragment实现Tab
Fragment和ViewPager相比:Fragment更容易维护 ,方便做适配处理,便于管理
没有办法实现左右拖动
尽量使用Fragment
04.ViewPager+FragmentPagerAdapter实现Tab
Fragment作为内容区域,实现左右拖动
05.ViewPagerIndicator+ViewPager实现Tab
使用第三方控件ViewPagerIndicator作为指示器
导入github上的ViewPagerIndicator的最简单的方式:
compile
'com.github.JakeWharton:ViewPagerIndicator:2.4.1@aar'
as会自行去下载
内容区域:ViewPager+FragmentPagerAdapter
慕课网链接:http://www.imooc.com/learn/264
01.ViewPager实现Tab(1)
首先实现顶部和底部的布局
中间使用ViewPager
02.ViewPager实现Tab(2)
实现切换ViewPager的逻辑
注:在点击底部ImageButton和TextView,只有点击TextView有效,
可以将ImageButton的XML添加android:clickable="false"
即可完成功能
03.Fragment实现Tab
Fragment和ViewPager相比:Fragment更容易维护 ,方便做适配处理,便于管理
没有办法实现左右拖动
尽量使用Fragment
04.ViewPager+FragmentPagerAdapter实现Tab
Fragment作为内容区域,实现左右拖动
05.ViewPagerIndicator+ViewPager实现Tab
使用第三方控件ViewPagerIndicator作为指示器
导入github上的ViewPagerIndicator的最简单的方式:
compile
'com.github.JakeWharton:ViewPagerIndicator:2.4.1@aar'
as会自行去下载
内容区域:ViewPager+FragmentPagerAdapter
慕课网链接:http://www.imooc.com/learn/264
相关文章推荐
- copvalue from wrapper type to primitive type
- [PATCH] UBUNTU: SAUCE: (no-up) apparmor: Sync to apparmor3 - RC1(v3.4.x kernel)
- copvalue from wrapper type to primitive type
- android Studio 运行不显示avd 无法运行
- copy wrapper tpye value to primitive type in simlar obejct except its fileds is primitive type
- 给 Android 开发者的 RxJava 详解
- 编译提示"_sqlite3_column_int", referenced from: 错误 ---swift中添加sqlite报错
- Cocos2d-Lua之闭包
- iOS 项目源码
- iOS开发多线程篇—创建线程
- Android 通过intent跳转页面并传送数据
- Android SlidingMenu导入ActionBar,Attribute "xxx" has already been defined
- Android 多媒体文件获取工具类
- Android中微信抢红包插件原理解析和开发实现
- Android中实现Activity的启动拦截之----实现360卫士的安装应用界面
- Android中的Apk的加固(加壳)原理解析和实现
- 教你如何用Unity和Cardboard把3D游戏做成VR游戏
- Android之URL
- Material Design设计语言(Android5.X)
- Material Design(Android6.0)