`
ctfzh
  • 浏览: 31627 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

Tab的多种典型用法总结(带动画)

阅读更多

里面总结的是tab的一些比较典型的用法,带有多种动画效果,希望对各位有所帮助。
下面是相关截图:
1.jpg

2.jpg

3.jpg

4.jpg

5.jpg

6.jpg

 

 

里面包括了五六种tab的用法,包括最简的tab实现方法,RadioGroup实现方法,GridView实现方 法,RadioGroup+ViewFlipper实现方法,最后还有一个综合实现在顶部和底部都有tab的例子。希望大家能从中学到些,如果有好的事发 或建议也希望提出来一起交流学习。
邮件:admin@ctfzh.com
新浪微博:http://weibo.com/snoopychen
腾讯微博:http://t.qq.com/SnoopyChen


不好意思,昨天上传了图片就忘记上传源码附件了。

源码在这里下载 tab_demo.rar

打包的apk在这里下载(支持Android 2.2及以上)tab_demo.apk

 

 

分享到:
评论
8 楼 379548695 2011-12-14  
问下楼主。是基于哪个版本开发的。我导入之后sdk选1.4.,1.6,2.2都有错误啊。
The method overridePendingTransition(int, int) is undefined for the type new View.OnClickListener()
{}
7 楼 hailshao 2011-12-13  
hailshao 写道
里面的图片tab_icon3.png(48*48) 用ps打开四周有白边(非透明),在程序中没见白边,怎么做到的
使用ps缩放为24*24的图片后,就有白边了。应该如何做?


我的失败缩放方法:拖到ps里面-》图像-》图像大小-》长宽各24像素
6 楼 hailshao 2011-12-13  
里面的图片tab_icon3.png(48*48) 用ps打开四周有白边(非透明),在程序中没见白边,怎么做到的
使用ps缩放为24*24的图片后,就有白边了。应该如何做?
5 楼 亲爱的偏执狂 2011-12-13  
谢谢分享!
4 楼 bluestome 2011-12-12  
...下载需要其他网站的用户.... 郁闷.iteye帐号不行?
3 楼 kingkingruan 2011-12-12  
还没看,但是是我需要的,学习
2 楼 anyang763 2011-12-12  
 
1 楼 Lee_Alvin 2011-12-11  
不错,学习了

相关推荐

    兼容性最好的Tab切换。

    “滑动门”则特指这种具有动画效果的切换方法。 文件名称“css滑动模块.html”表明压缩包内包含一个HTML文件,该文件可能是实现Tab切换的一个实例或者示例代码。HTML(超文本标记语言)是网页的基础结构,它与CSS和...

    仿QQ的Tab显示的ImageButton

    另一种方法是使用动画,让栏目的打开和关闭过程更加生动,比如通过滑动动画来模拟QQ的Tab切换效果。 在具体实现过程中,我们需要做以下步骤: 1. 创建TabLayout并设置相关的Tab。 2. 将每个Tab关联到一个...

    JQ网易首页tab多功能文章选项卡

    为了便于其他开发者学习和使用,该项目可能包含了详细的文档或注释,解释了如何将此Tab选项卡集成到自己的网站中,包括HTML模板、CSS样式和JavaScript代码的使用方法。 总的来说,“JQ网易首页tab多功能文章选项卡...

    ppt中smartart的用法详解.docx

    - **快捷键**:在编辑SmartArt时,可以使用Tab键移动到下一层,回车键增加项目,或者双击图表进入“创建图形”面板进行更细致的调整,如布局改变、添加助理等。 **动画设置**: - **逐一出现**:为使SmartArt元素按...

    网站制作.zip

    实现方式有多种,比如纯CSS的伪类和flexbox方法,或者使用JavaScript库如jQuery UI的tabs插件。 综上,这个“网站制作.zip”项目涉及到网页基础架构、样式设计、动态交互以及用户友好性的优化,是一个典型的前端...

    JavaScript 实现 Tab 点击切换实例代码

    一个典型的Tab切换由以下几个部分组成:Tab标签、内容显示区域以及用来切换这些内容的JavaScript逻辑。在HTML中,我们通常使用按钮或链接作为Tab标签,而内容区域可以是任何HTML元素。 在CSS部分,我们会为Tab标签...

    ios-模仿百度糯米的首页实现.zip

    这个项目可能涉及到多种技术点,包括UI设计、数据管理、网络请求、视图控制器组织以及动画效果等。下面将从这些方面详细阐述相关的iOS开发知识点。 1. UI设计与布局: - AutoLayout与Size Classes:iOS应用的界面...

    多媒体课程设计(文字画图音频图片整合)

    该项目是一个典型的多媒体处理软件开发案例,通过MFC框架结合多种技术实现了丰富的多媒体功能。不仅涵盖了基本的文字、图形、图像处理,还扩展到了音频、视频的播放,展现了多媒体软件开发的强大潜力和技术实现路径...

    jQuery多个选项卡切换代码.zip

    "jQuery多个选项卡切换代码"就是一个典型的例子,尤其适用于股票基金交易网站,因为它可以帮助用户在不同的数据面板之间轻松切换,查看股票行情、基金表现等各类信息。 这个压缩包包含了一个实现选项卡切换的jQuery...

    使用fragment实现仿微信界面

    在Android应用开发中,微信界面是一个典型的多面板、可交互的用户界面,它通常由聊天窗口、联系人列表、朋友圈等多个模块组成。为了构建这样的界面,开发者常常会使用到Fragment功能。Fragment是Android SDK中的一个...

    vc++ 应用源码包_6

    tab 演示了CTabCtrl控件的使用方法。 tabcontrol_demo 自绘了CTabCtrl的实现。 To Create A COOL Desktop Lyrics Demo 歌词显示,效果非常好。对话框实现。 TopMost 自绘CListCtrl的实现。 Trace程序 演示了输出...

    vc++ 应用源码包_3

    tab 演示了CTabCtrl控件的使用方法。 tabcontrol_demo 自绘了CTabCtrl的实现。 To Create A COOL Desktop Lyrics Demo 歌词显示,效果非常好。对话框实现。 TopMost 自绘CListCtrl的实现。 Trace程序 演示了输出...

    vc++ 应用源码包_5

    tab 演示了CTabCtrl控件的使用方法。 tabcontrol_demo 自绘了CTabCtrl的实现。 To Create A COOL Desktop Lyrics Demo 歌词显示,效果非常好。对话框实现。 TopMost 自绘CListCtrl的实现。 Trace程序 演示了输出...

    vc++ 应用源码包_1

    tab 演示了CTabCtrl控件的使用方法。 tabcontrol_demo 自绘了CTabCtrl的实现。 To Create A COOL Desktop Lyrics Demo 歌词显示,效果非常好。对话框实现。 TopMost 自绘CListCtrl的实现。 Trace程序 演示了输出...

    vc++ 应用源码包_2

    tab 演示了CTabCtrl控件的使用方法。 tabcontrol_demo 自绘了CTabCtrl的实现。 To Create A COOL Desktop Lyrics Demo 歌词显示,效果非常好。对话框实现。 TopMost 自绘CListCtrl的实现。 Trace程序 演示了输出...

    jquery标签筛选联动选中.rar

    同时,为了确保用户交互的流畅性,可能还会使用`.stop()`来防止动画堆栈,以及`.delay()`和`.animate()`来添加平滑的过渡效果。 总的来说,“jquery标签筛选联动选中”是一个典型的前端开发实践,它结合了HTML、CSS...

    vc++ 开发实例源码包

    内含各种例子(vc下各种控件的使用方法、标题栏与菜单栏、工具栏与状态栏、图标与光标、程序窗口、程序控制、进程与线程、字符串、文件读写操作、文件与文件夹属性操作、文件与文件夹系统操作、系统控制操作、程序...

    老师整理的extjs学习笔记

    - **Utilities (工具)**: 包括一系列辅助函数和工具类,如日期处理、动画效果等。 ##### 如何引用 为了在项目中使用 ExtJS,需要在 HTML 文件中通过 `<script>` 标签引入相应的 JS 文件。可以通过以下方式下载最新...

Global site tag (gtag.js) - Google Analytics