Android教程中自定义View的学习,对于初学着来说,他们习惯了Android传统的页面布局方式,如下代码:
当然上面的布局方式可以帮助我们完成简单应用的开发了,但是如果你想写一个复杂的应用,这样就有点牵强了,大家不信可以下源码都研究看看,高手写的布局方式,如上面的布局高手通常是这样写的:
其中A extends LinerLayout, B extends TextView.
然后将我们自定义的View加入到main.xml布局文件中,代码如下:
最后执行之,效果如下图:
01 |
<?xml version= "1.0" encoding= "utf-8" ?>
|
02 |
<LinearLayout xmlns:android= "http://schemas.android.com/apk/res/android"
|
03 |
android:orientation= "vertical"
|
04 |
android:layout_width= "fill_parent"
|
05 |
android:layout_height= "fill_parent"
|
06 |
> |
07 |
<TextView |
08 |
android:layout_width= "fill_parent"
|
09 |
android:layout_height= "wrap_content"
|
10 |
android:text= "@string/hello"
|
11 |
/> |
12 |
</LinearLayout> |
1 |
<? xml version = "1.0" encoding = "utf-8" ?>
|
2 |
< A >
|
3 |
< B ></ B >
|
4 |
</ A >
|
为了帮助大家更容易理解,我写了一个简单的Demo,具体步骤如下:
首先新建一个Android 工程 命名为ViewDemo.
然后自定义一个View类,命名为MyView(extends View).代码如下:
01 |
package com.android.tutor;
|
02 |
import android.content.Context;
|
03 |
import android.graphics.Canvas;
|
04 |
import android.graphics.Color;
|
05 |
import android.graphics.Paint;
|
06 |
import android.graphics.Rect;
|
07 |
import android.graphics.Paint.Style;
|
08 |
import android.util.AttributeSet;
|
09 |
import android.view.View;
|
10 |
public class MyView extends View {
|
11 |
private Paint mPaint;
|
12 |
private Context mContext;
|
13 |
private static final String mString = "Welcome to Mr Wei's blog" ;
|
14 |
15 |
public MyView(Context context) {
|
16 |
super (context);
|
17 |
}
|
18 |
public MyView(Context context,AttributeSet attr)
|
19 |
{
|
20 |
super (context,attr);
|
21 |
}
|
22 |
@Override
|
23 |
protected void onDraw(Canvas canvas) {
|
24 |
// TODO Auto-generated method stub
|
25 |
super .onDraw(canvas);
|
26 |
mPaint = new Paint();
|
27 |
//设置画笔颜色
|
28 |
mPaint.setColor(Color.RED);
|
29 |
//设置填充
|
30 |
mPaint.setStyle(Style.FILL);
|
31 |
//画一个矩形,前俩个是矩形左上角坐标,后面俩个是右下角坐标
|
32 |
canvas.drawRect( new Rect( 10 , 10 , 100 , 100 ), mPaint);
|
33 |
mPaint.setColor(Color.BLUE);
|
34 |
//绘制文字
|
35 |
canvas.drawText(mString, 10 , 110 , mPaint);
|
36 |
}
|
37 |
} |
01 |
<? xml version = "1.0" encoding = "utf-8" ?>
|
02 |
< LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"
|
03 |
android:orientation = "vertical"
|
04 |
android:layout_width = "fill_parent"
|
05 |
android:layout_height = "fill_parent"
|
06 |
> |
07 |
< TextView
|
08 |
android:layout_width = "fill_parent"
|
09 |
android:layout_height = "wrap_content"
|
10 |
android:text = "@string/hello"
|
11 |
/> |
12 |
< com.android.tutor.MyView
|
13 |
android:layout_width = "fill_parent"
|
14 |
android:layout_height = "fill_parent"
|
15 |
/> |
16 |
</ LinearLayout >
|
相关推荐
Android自定义动画View的实现。
Android 自定义画布canvas 实现绘制和清空画布功能,内含源码、apk
android 自定义view比较综合的例子,涉及到一些复杂的实现效果,有一些基础的人可以参考下。
android自定义View实现SwitchView
android 自定义view及自定义属性
android 自定义view 画板
android 自定义View界面大合集
Android自定义View高仿抖音潜艇大挑战小游戏.zipAndroid自定义View高仿抖音潜艇大挑战小游戏.zipAndroid自定义View高仿抖音潜艇大挑战小游戏.zipAndroid自定义View高仿抖音潜艇大挑战小游戏.zipAndroid自定义View...
仿真书籍翻页效果BookPageView简介:实现了仿真翻页效果,教程完整地描述了翻页原理分析到性能优化的过程教程博客:Android自定义View——从零开始实现书籍翻页效果(一) Android自定义View——从零开始实现书籍...
Android中自定义View操作Android中自定义View操作Android中自定义View操作
Android自定义标签view——可自动换行,该项目从github上下载下来,经测试效果非常不错,下载后可以直接运行使用。
创建全新的视图将满足我们独特的UI需求。 本文介绍在指南针开发中会用到的罗盘的界面UI,通过继承View类实现的自定义视图,以此来深刻了解自定义视图。
该项目使用AS开发,通过获取当前系统时间,然后通过自定义View加自定义的属性动画ValueAnimator实现了一个带动画效果的时钟,对学习自定义View是一个很好的例子
Android自定义view,实现动画效果
用自定义View的方式来实现圆形的遥控器菜单。更多关于android自定义的知识可访问:http://blog.sina.com.cn/s/blog_9c4f0e790102vyt3.html
这是一个使用自定义View实现显示图片,并实现了手势缩放、拖拽、切换。在缩放状态下单手指拖拽图片,在未缩放状态下可以实现图片切换或其他功能,已经留好对应接口。只要修改相关代码就可以了
Android 自定义view实现签到送积分,7天周期,签到动画
android使用自定义view和自定义button实现的小demo,可以实现button的点击变换背景等功能
android自定义View之NotePad出鞘记,自定义NotePad,android自定义笔记本
安卓自定义View三滑块SeekBar,可以根据需要变换成双滑块或其他多滑块,可以动态设置三滑块的值