说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

android编程实现仿iphone的tab效果

HTML文档下载 WORD文档下载 PDF文档下载
很多人都喜欢iphone 酷炫的界面,虽然android的原生控件已经足够漂亮,但是往往不能满足用户越来越挑剔的眼光。其实,我们完全可以自己来绘制界面。今天我就来分享下做一个和iphone一样的tab界面。

相信很多人都喜欢iphone 酷炫的界面,虽然android的原生控件已经足够漂亮,但是往往不能满足用户越来越挑剔的眼光。其实,我们完全可以自己来绘制界面。今天我就来分享下做一个和iphone一样的tab界面。下面先来看下iphone上的效果

 

在开始之前,我们必须掌握最基础的,也就是android中图形界面的绘制。首先讲下简单图形的绘制,这里我们就借绘制下图的背景部分来讲下吧。

 

先看代码:

 

publicclass Itab extends View {private Paint mPaint;public Itab(Context context, AttributeSet attrs){   //构造器,View下构造器有三种方式,在xml中配置必须实现这种方式   super(context, attrs);}@Override protected void onDraw( Canvas canvas ){        super.onDraw( canvas );        mPaint =new Paint( );//创建画笔        mPaint.setStyle( Paint.Style.FILL );//设置画笔 为实心        Rect r =new Rect( );//创建一个矩形        this.getDrawingRect( r );        canvas.drawColor( 0xFF000000 );        mPaint.setColor( 0xFF434343 );	//绘制这个矩形图形        canvas.drawLine( r.left, r.top+1, r.right, r.top+1, mPaint );}}

在xml中这样配置

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:background="#C5CCD4FF"><com.notice520.itab.Itab        android:id="@+id/Tabs"        android:layout_width="fill_parent"        android:layout_height ="49px"        android:layout_alignParentBottom ="true"/></RelativeLayout>

这样就会得到如下的效果,这显然不是我们想要的。

 

 

不过别着急,我们只要在onDraw()这个方法里面添加如下一段代码:

int color =46;for( int i =0; i <24; i++ ){     mPaint.setARGB( 255, color, color, color );     canvas.drawRect( r.left, r.top + i +1, r.right, r.top + i +2, mPaint );     color--;}

通过循环的绘制,我们就可以得到如下的效果

是不是很简单呢。图形绘制中还有一个比较重要的是贴图的绘制。同样这个例子,我们在这个背景上绘制一个图标,非常的简单,同样在onDraw()这个方法里面添加如下代码

Bitmap icon = BitmapFactory.decodeResource( getResources( ), R.drawable.monitor );Paint p =new Paint( Paint.ANTI_ALIAS_FLAG | Paint.FILTER_BITMAP_FLAG);p.setColor(Color.WHITE);    canvas.drawBitmap(icon, 10, 10, p);

代码非常简单,第一行获得图片资源,第二行第一一个画笔,同时打开抗锯齿和过滤,第三行设置画笔颜色,最后一行绘制图片。

来看看效果

代码非常简单,第一行获得图片资源,第二行第一一个画笔,同时打开抗锯齿和过滤,第三行设置画笔颜色,最后一行绘制图片。

来看看效果

 

 

还不错吧,当然要实现完全的tab效果,这还是远远不够的。今天就写到这吧,天冷啊,手都冻僵了,明天或者后天我再接着写,从而最终实现和iphone一样的tab,当然也有完全可以替代原生tab的功能。大家有什么问题可以留言讨论哈。

 

show()-JQuery API slideDown(speed,callback)-JQuery API slideToggle(speed,callback)-JQuery API slideUp(speed, callback)-JQuery API toggle()-JQuery API Javascript-JQuery API $.browser-JQuery API $.each(obj, fn)-JQuery API $.extend(target,prop1,propN)-JQuery API $.grep(array,fn,inv)-JQuery API $.map(array, fn)-JQuery API $.merge(first,second)-JQuery API $.trim(str)-JQuery API Ajax-JQuery API $.ajax(properties)-JQuery API $.ajaxSetup(settings)-JQuery API $.ajaxTimeout(time)-JQuery API $.get(url, params, callback)-JQuery API $.getIfModified(url, params, callback)-JQuery API $.getJSON(url, params, callback)-JQuery API $.getScript(url, callback)-JQuery API $.post(url, params, callback)-JQuery API ajaxComplete(callback)-JQuery API ajaxError(callback)-JQuery API ajaxSend(callback)-JQuery API ajaxStart(callback)-JQuery API ajaxStop(callback)-JQuery API ajaxSuccess(callback)-JQuery API load(url, params, callback)-JQuery API loadIfModified(url, params, callback)-JQuery API serialize()-JQuery API 为什么这个sql命令没有正确结束 有谁用过diamond access,请帮我看看这是什么错误? 怎样把数据库中的两个字符串转化为数值型然后再求他们的和,然后显示他们的和 谁听说过“IP助手函数”没有??? 请各位大虾帮我看看这两行代码,看看要怎么做才行?谢谢。 请教各位大师一个问题?以下代码总是出错,请多多指正,谢谢!!! 绝对送分题,送分了。 有现在工作是做asp+mssql的吗,留个qq号大家交流交流,我的是5662229 请问高程,熟悉delphi/sql server oracle linux 在武汉可以拿到什么薪水? 2001年的中级程序员成绩下来了(浙江)我的成绩是上午:45 下午:53 .请问我有几成的把握可以通过? 问个菜问题:BDE和ADO分别是什么,有什么区别? 我第一次用asp连接数据库(access2000),是不是需要先设置一下呀,为什么网页显示出错呀 为什么我想保存图片(*.bmp *.jegp)时总是出错,请高人指点。 error C2653: 'CTestView' : is not a class or namespace name 怎么解决? NT4.0的局域网,如何将WIN2000 PRO加入域中,以便能够访问它提供给我的一部分空间。 请问有谁知道在xp怎样侦测网络中发送到本机的数据流 VC,BROLAND C都没有graphics.h?? 关于Access数据库性能的一个问题 如果不用指针,如何删除内存变量 关于InstallShield Express-Borland Limited Edition 3.03的几个菜鸟问题 高手帮我啊 我该不该跳槽?(回答有分) 博弈算法的高手请进,区区小分不成敬意(求得分函数) 存储过程的问题 有关报表问题,绝对简单,但是我不会? 在程序中如何使用tabel.filter语法来过滤不同类型的数据???小菜虫我是有分必加 怪事!CString类怎么了? 如何去掉记录中的怪字符? 困惑初学者的难题:如何在VC7.0中编译调试运行小程序?哪位大哥能说清楚高分送上!帮帮我们这些在地狱中水深火热的难兄。。,谢谢。。。 急死我了!!用Table连接时总要密码,那位大哥能帮帮我!!! 如何用SQL Plus查看Oracle中表间关联? CWnd中的声明空成员函数OnSize究竟有何作用? 有谁知道关于电子版的windows api相关的书下载的网址呀。我在线等呀。 怎样用网卡对接电脑 抗议!IE是否自动为收藏夹做过备份? 如何通过NDIS编程取得以太网地址 今晚有多少人通宵? socket客户端能发,不能收是怎么回事? FDISK不能用了吗?真是奇怪呀?谁能帮我啊!!! 想通过sql语句找出这样重复的记录?如何写这个语句? 如何在delphi中显示和编辑sql server中超过256字节的字段 《程序员》的合定本有卖了吗? 最近我防问了一个黑客网站。一下中啦。桌面没有图标我看完啦。有没有高人帮我一下啊。 现有一个dll转为静态库的问题 请问怎样添加一个从CObject继承而来的新类啊? 如何在VB中用Outlook发电子邮件??? 妈呀,上午54,下午33,有戏吗?我完了。 请教:通过VB+ADO访问SQL Server 7数据不能更新记录? 低分低级问题 简单问题,送分喽!!文件调用问题!!! 如何定义IOCTL代码: 不知道LED灯珠电压,功率只知道电流单个0.50A.手电照明用的那种个头比较大.求电压,功率? 白兔和月亮阅读答案《品读》中的! 三峡——余秋雨.阅读理解题,顺长江而下,三峡的起点是白帝城.这个头开得真漂亮.对稍有文化的中国人来说,知道三峡也大多以白帝城开头的.李白那首名诗,在小学课本里就能读到.我读此诗不 有形容感情失落的词语吗? 白兔和月亮阅读答案 请快白兔和月亮 周国平在众多的兔姐妹中,有一只白兔独具审美的慧心.她爱大自然的美,尤爱皎洁的月色.每天夜晚,她都来到林中草地,或是无忧无虑地嬉戏,或是心旷神怡 余秋雨的黄河一掬阅读题答案 8g硫在空气中完全燃烧,生成二氧化硫的质量是多少?化学方程式计算 人类为什么会有感情? 垂钓 余秋雨 阅读题去年夏天我与妻子买票参加了一个民间旅行团,从牡丹江出发,到俄罗斯的海参崴游玩.海参崴的主要魁力在于海,我们下榻的旅馆面对海,每天除了在阳台上看海,还要一次次 若一定质量的煤中含有16g硫,计算这些煤完全燃烧时生成的二氧化硫的质量 什么是水性凹印油墨? 西湖梦 余秋雨 1.第二段说“就白居易、苏东坡的整体情怀而言,这两道物化了的长堤还是太狭小的存在”,为什么说“太狭小”2.简要分析作者对林和靖的“急流勇退”的看法. 32克硫在氧气中充分燃烧,生成二氧化硫的质量是多少? LED灯珠的最佳驱动电压、电流是多少?常见LED光源以1W的为例,一般标明的额定电压3.0-3.4V,电流350MA,照这么算的话,即便使用输出3V的电源,他的最低功率也在1W以上,这个1W是怎么来的,在使用输出3V 凹印薄膜的油墨上墨量 白兔和月亮同样的月夜,同样的阴晴圆缺,是什么使白兔“从前的闲适心情一扫而光?”为什么会这样? 大功率LED灯珠怎么降电流?LED灯珠,3*1w串联,用恒流电源供电,11v,280-300mA.用什么方法可以把通过灯珠的电流降到200mA?电流降下来后温度会下降吗? 文学是人类情感……美好的情感和灿烂的智慧是什么意思 硫在空气中燃烧会产生什么? 白兔与月亮白兔和月亮 在众多的兔姐妹中,有一只白兔独具审美的慧心.她爱大自然的美,尤爱皎洁的月色.每天夜晚,她来到林中草地,一边无忧无虑地嬉戏,一边心旷神怡地赏月.她不愧是赏月的 硫在空气中燃烧的现象 硫在空气中燃烧,生成二氧化硫 错在哪? 中围绕白兔和月亮的关系,其主要情节可以概括为_____,_______和______ 关于硫在空气中的燃烧在铺有细沙的燃烧匙里放少量硫,加热至燃烧,观察硫在空气中燃烧的现象.这里"铺细沙"的作用是什么? 形容对生活失望的词语对生活充满了失望无望 在众多的兔姐妹中,有一只白兔独具审美的慧心.她爱大自然的美,尤爱皎洁的月色.每天夜晚,她来到林中草地,一边无忧无虑地嬉戏,一边心旷神怡地赏月.她不愧是赏月的行家,在她眼里,月的阴晴 阅读《白兔和月亮》,回答下列问题.根据第四,五自然段回答:这段文字采用里那些方法来写白兔? 心里伤心难过绝望用什么词来形容 到目前为止,人类已发现了几种元素? 意识的本质是什么?人类智能与人工智能的联系是什么? 比绝望还绝望,能用什么词语形容? 人类一共有几种感觉? 人工智能与人类的关系 阅读题参考答案苦瓜 报秋,(宗璞写的)遍地黄金 鸟语(黄明山)生命的本质 盼望(艾青)生命幻想曲(顾城) 到现在为止,所发现的人类化石有哪几种? 人类可以发展到人工智能的时代吗? 形容对社会绝望的诗词 目前为止人类发现了几种动物?目前为止,人类已经发现了有多少种动物?是200万、100万还是180万种? 在人工智能技术不断发展的背景下,你认为计算机和人类的关系将如何变化 阅读题..请帮我解答..给我作个参考罗曼`罗兰描写了名人们相貌丑陋.体弱多病.于家庭关系紧张.与同事不和等不足之处,这是否会影响你对他们的崇敬或尊敬?这种兼顾人物优点和缺点的写法, 人类现在为止发现的动物种类有几种 凹印油墨印刷中目前主要碰到哪些问题? 初冬月《初冬月》一道阅读题解答①秋意尚浓,恍然就到了初冬,月亮也带着秋温,走进了冬的夜空.②天黑得早了,晚饭后摸黑回宿舍,过了山头,豁然见西南山坡上空这轮橙黄明净的初冬月,低垂 柔印使用水基油墨和uv油墨,与胶印、凹印使用水基油墨和uv油墨有何区别? “再塑生命”的含义是什么?表达了作者怎样的思想感情? 印刷电路板的化学方程式 2W的LED灯珠的额定电流是多少? 送友人的释义和表达的思想感情要短的 印制电路板的步骤不是很难啊 2W的LED单颗灯珠的额定电流和电压分别是多少 表达的思想感情和表达的具体意思 印刷电路板的原理问题2FeCl3+Cu=CuCl2+2FeCl2这反应和印刷电路板有什么关系? 下列物质在空气中燃烧后,产生都是白色固体的是( ) A.硫、木炭 B.磷、镁 C.煤、石油 D.蜡烛、铁 《我的思念是圆的》此处“圆”是什么意思,表达了什么思想感情 表达感情的句子请打出来 白兔和月亮 问:1这则寓言给我们什么启示?2请用三个小标题概况这个故事的情节 3 白兔2次赏月的心情有什么变化?为什么会产生这样的变化? 暮江吟的意思表达了什么思想感情 请问一下谁有形容感情距离越来越远,越来越失望的句子,稍微抽象点的比如:如果中途有障碍物,两点之间最短的路线或许是曲线. 阅读《白兔和月亮》,回答下列问题1.“或是无忧无虑地嬉戏,或是心旷神怡地赏月”一句用了什么修辞手法?有什么表达作用?2.“白兔仍然夜夜到林中赏月”,句中“仍然”可否删掉?为什么?3.“ 余秋雨的中秋 文章阅读题余秋雨的中秋 文章阅读题余秋雨的中秋 文章阅读题余秋雨的中秋 文章阅读题余秋雨的中秋 文章阅读题余秋雨的中秋 文章阅读题他的中秋阅读题不是文章
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn