android UI进阶之仿iphone的tab效果

最新推荐文章于 2022-05-30 20:36:52 发布

noTice501

最新推荐文章于 2022-05-30 20:36:52 发布

阅读量8.7k

点赞数

分类专栏： android ui进阶教程文章标签： android iphone ui layout 图形 encoding

本文链接：https://blog.csdn.net/notice520/article/details/6168951

版权

本文介绍如何在Android中实现类似iPhone的Tab效果，通过自定义View类`Itab`，利用图形绘制技术，包括线条绘制、颜色渐变及贴图，逐步展示制作过程，提供基础的Tab背景绘制方法。

摘要由CSDN通过智能技术生成

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

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

的背景部分来讲下吧。直接看代码

1 public class Itab extends View { 2 3 private Paint mPaint; 4 5 public Itab(Context context, AttributeSet attrs) {//构造器，View下构造器有三种方式，在xml中配置必须实现这种方式 6 super(context, attrs); 7 8 } 9 10 @Override 11 protected void onDraw( Canvas canvas ) 12 { 13 14 super.onDraw( canvas ); 15 16 mPaint = new Paint( );//创建画笔 17 mPaint.setStyle( Paint.Style.FILL );//设置画笔为实心 18 19 Rect r = new Rect( );//创建一个矩形 20 this.getDrawingRect( r ); 21 22 canvas.drawColor( 0xFF000000 ); 23 mPaint.setColor( 0xFF434343 ); 24 canvas.drawLine( r.left, r.top + 1, r.right, r.top + 1, mPaint );//绘制这个矩形图形 25 } 26 }</t