Android 自定义View和ViewGroup

最新推荐文章于 2024-09-11 06:49:36 发布
原创 最新推荐文章于 2024-09-11 06:49:36 发布 · 164 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种自定义Android UI组件的方法，包括一个自定义的单选按钮MyRadioButton和一个自定义的单选按钮组MyRadioGroup。通过这些组件，开发者可以实现特定的功能和样式，例如在单选按钮上绘制文本和响应触摸事件。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

自定义View：

package com.gdseed.canvastestboard;


import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Paint.FontMetrics;
import android.graphics.Typeface;
import android.graphics.Paint.Style;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;


public class MyRadioButton extends View {
private int mWidth = 0;
private int mHeight = 0;
private Paint mPaint = new Paint();
private String[] index = new String[]{"1", "2", "3", "4"};
private boolean isBTB = true;
private OnSwitchListener onSwitchListener = null;
private boolean enabled = true;
private boolean checked = false;

public MyRadioButton(Context context) {
this(context, null);
}

public MyRadioButton(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}

public MyRadioButton(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}

public void initView(int a[], boolean b) {
for (int i=0; i<a.length; i++) {
index[i] = String.valueOf(a[i]);
}
isBTB = b;
}


@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
mWidth = View.MeasureSpec.getSize(widthMeasureSpec);
mHeight = View.MeasureSpec.getSize(heightMeasureSpec);
setMeasuredDimension(mWidth, mHeight);
}


@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);

canvas.drawColor(Color.WHITE);

if (checked && enabled) {
mPaint.setColor(Color.argb(255, 0, 165, 70));
} else {
mPaint.setColor(Color.BLACK);
}
mPaint.setStyle(Style.STROKE);
canvas.drawRect(0, 0, mWidth-1, mHeight-1, mPaint);

mPaint.setStyle(Style.FILL);
mPaint.setTextSize(18);
mPaint.setTypeface(Typeface.DEFAULT_BOLD);
FontMetrics fontMetrics = mPaint.getFontMetrics();  
float fontTotalHeight = fontMetrics.bottom - fontMetrics.top;
float fontTotalWidth = mPaint.measureText("99");
if (isBTB) {
canvas.drawText(index[0], 6, fontTotalHeight, mPaint);
canvas.drawText(index[1], mWidth-fontTotalWidth-5, fontTotalHeight, mPaint);
canvas.drawText(index[2], 6, mHeight-10, mPaint);
canvas.drawText(index[3], mWidth-fontTotalWidth-5, mHeight-10, mPaint);
} else {
canvas.drawText(index[0], 6, fontTotalHeight-2, mPaint);
canvas.drawText(index[1], mWidth-fontTotalWidth-7, fontTotalHeight-2, mPaint);
}
}


@Override
public boolean onTouchEvent(MotionEvent event) {
if (!enabled) {
return true;
}

int mCurrentX = (int)event.getX();
int mCurrentY = (int) event.getY();

switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
case MotionEvent.ACTION_UP:

if ((mCurrentX > 0 && mCurrentX < mWidth) && (mCurrentY > 0 && mCurrentY <mHeight)) {
checked = true;
}

if (onSwitchListener != null) {
onSwitchListener.onSwitch(this, checked);
}

break;
}

invalidate();
return true;
}


@Override
public void setEnabled(boolean enabled) {
super.setEnabled(enabled);
this.enabled=enabled;
invalidate();
}

public void setChecked(boolean checked) {
this.checked=checked;
invalidate();
}

public void toggle() {
setChecked(!checked);
}

public void setOnSwitchListener(OnSwitchListener listener) {
onSwitchListener = listener;
}


public interface OnSwitchListener {
public void onSwitch(MyRadioButton myRadioButton, boolean isChecked);
}
}


自定义ViewGroup：

package com.gdseed.canvastestboard;


import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.graphics.Typeface;
import android.graphics.Paint.FontMetrics;
import android.graphics.Paint.Style;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.view.View;
import android.view.ViewGroup;


public class MyRadioGroup extends ViewGroup {
private int mWidth = 0;
private int mHeight = 0;
private Paint mPaint = new Paint();
private RectF mRectF = new RectF();
private Rect mRect = new Rect();
private String str = "BTB方向设置";

public MyRadioGroup(Context context) {
this(context,null);
}

public MyRadioGroup(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}

public MyRadioGroup(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
setWillNotDraw(false);
}

public void initView(boolean isBTB) {

if (isBTB) {
str = "BTB方向设置";
} else {
str = "ZIF方向设置";
}
}


@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
mWidth = View.MeasureSpec.getSize(widthMeasureSpec);
mHeight = View.MeasureSpec.getSize(heightMeasureSpec);
setMeasuredDimension(mWidth, mHeight);
measureChildren(widthMeasureSpec, heightMeasureSpec); 
}


@Override
protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
int mPainterPosX = 10;
   int mPainterPosY = 30; 
   int mViewGroupWidth  = getMeasuredWidth();
   int mChildCount = getChildCount();
   
   for (int i=0; i<mChildCount; i++) {
    View childView = getChildAt(i);      
        int childWidth  = childView.getMeasuredWidth();
        int childHeight = childView.getMeasuredHeight();  
        
        MyRadioGroup.LayoutParams margins = (MyRadioGroup.LayoutParams)(childView.getLayoutParams());
                    
        if( mPainterPosX + childWidth + margins.leftMargin + margins.rightMargin > mViewGroupWidth ) {              
            mPainterPosX = 10; 
            mPainterPosY += childHeight + margins.topMargin + margins.bottomMargin;
        }                    
        
        childView.layout(mPainterPosX+margins.leftMargin, mPainterPosY+margins.topMargin, mPainterPosX+childWidth+margins.leftMargin, mPainterPosY+childHeight+margins.topMargin);
        
        mPainterPosX += childWidth+ margins.leftMargin + margins.rightMargin;
   }
}


@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);


canvas.drawColor(Color.WHITE);

mRectF.set(0, 8, mWidth-1, mHeight-1);
mPaint.setColor(Color.GRAY);
mPaint.setStyle(Style.STROKE);
canvas.drawRoundRect(mRectF, 10, 10, mPaint);

FontMetrics fontMetrics = mPaint.getFontMetrics();  
int fontTotalHeight = (int)(fontMetrics.bottom - fontMetrics.top) + 1;
int fontTotalWidth = (int)mPaint.measureText(str) + 5;

mRect.set(12, 0, fontTotalWidth, fontTotalHeight);
mPaint.setColor(Color.WHITE);
mPaint.setStyle(Style.FILL);
canvas.drawRect(mRect, mPaint);

mPaint.setColor(Color.GRAY);
mPaint.setStyle(Style.FILL);
mPaint.setTextSize(10);
canvas.drawText(str, 13, fontTotalHeight-3, mPaint);
}

@Override  
    public LayoutParams generateLayoutParams(AttributeSet attrs) {  
        return new MyRadioGroup.LayoutParams(getContext(), attrs);  
    }

public static class LayoutParams extends ViewGroup.MarginLayoutParams {
public LayoutParams(Context context, AttributeSet attrs) {
super(context, attrs);
}
}
}

【Android面试八股文】你能说一说自定义View与ViewGroup的区别
字节卷动
06-21 308
在 Android 开发中，自定义View和ViewGroup。
android View 详解
热门推荐
第四维空间的专栏
12-03 4万+
android.View.View(即View)类是以矩形的方式显示在屏幕上，View是用户界面控件的基础。View的继承层次关系如下图： 可以看到所有的界面控件都是View的子类。简单证实一下，每当你用findViewByIds(R.id.xx)时总要将其强转，因为该方法返回的是一个View实例，有木有!!!其中不得不提View的subClass ViewGroup。Android系统
Android自定义View、ViewGroup
qq_61480980的博客
04-06 1673
自定义View 1.自定义属性 在values目录下创建一个attrs.xml文件 <?xml version="1.0" encoding="utf-8"?> <resources> <declare-styleable name="MNView"> <attr name="mn_color" format="string"></attr> <attr name="mn_size" forma
Android自定义组件系列【1】——自定义View及ViewGroup
weixin_34095889的博客
04-18 208
View类是ViewGroup的父类，ViewGroup具有View的所有特性，ViewGroup主要用来充当View的容器，将其中的View作为自己孩子，并对其进行管理，当然孩子也可以是ViewGroup类型。View类一般用于绘图操作，重写它的onDraw方法，但它不可以包含其他组件，没有addView(View view)方法。ViewGroup是一个组件容器，它可以包含任何组件，但必须...
【Android】自定义View / ViewGroup
helloworld370629的博客
11-30 1231
我们自定义View的目的是为了针对我们的工程需要，完成一些内置View不能实现或者实现起来很麻烦的功能。其中我们需要复写`onMeasure()`, `onLayout()`以及`onDraw()`。 接下来我们将通过自定义View实现类似于微信头像的效果。 自定义ViewGroup相比于自定义View会更加复杂一点，因为它不仅涉及到自身的测量，摆放以及绘制，还需要安排好子元素的测量，摆放以及绘制。但是ViewGroup本质上还是一个View，它继承自View.
android中自定义View及ViewGroup 学习心得
zhaochengsheng的专栏
05-17 1562
android SDK中自带了很多控件，一般情况下可以满足各类开发需求。但有时候可能需要自定义View以更好的适应开发需求。 系统自带的所有控件都是直接或间接的继承class View的，所以自定义一个View也要继承class View，如果你想要其他某控件的功能或是想修改某功能，可以继承其他控件，这就是间接继承class View。 自定义View 自定义view一般步骤是： 1、继承
Android中自定义View、ViewGroup理论基础详解
孙群
05-04 1万+
Android自身提供了许多widgets，但是有时候这些widgets并不能满足我们的需求，这时我们就需要自定义View，本文会详细说明自定义View的各种理论基础，只有理解了这些知识，我们才能更好地实现各种功能的控件。我觉得自定义View中最重要的部分就是绘图和交互，自定义的绘图使得你的View与众不同，交互使用户可以与你的View进行交互，而绘图的前提是View的量算与布局，交互的基础是触摸事
Android自定义View和ViewGroup深入解析与实践
在进行Android自定义View和ViewGroup开发时，开发者可能会参考或直接使用这类文件包中的代码。 综上所述，该文件涉及的知识点涵盖了Android开发中的View绘制、自定义View和ViewGroup的实现，以及Canvas绘图API的...
自定义View和viewGroup
03-23
自定义View和ViewGroup是Android应用程序中非常重要的组件，它们都是Android UI组件树的基础。View是Android UI组件树的最基本单位，每个View都可以是一个独立的控件，例如Button、TextView、ImageView等。ViewGroup...
Android App开发中自定义View和ViewGroup的实例教程
09-02
在Android应用开发中，自定义View和ViewGroup是提升用户界面独特性和功能性的关键步骤。本文将深入探讨如何实现这两个核心组件的自定义，并通过实际的进度条和图片上传及排列示例进行讲解。 首先，了解View。...
2024年安卓最新Android自定义ViewGroup实战-----流式布局，2024年最新字节跳动面试是什么意思
2401_84544914的博客
05-07 360
如果你看到了这里，觉得文章写得不错就给个赞呗？如果你觉得那里值得改进的，请给我留言。一定会认真查询，修正不足。[外链图片转存中…(img-YvDzeKnH-1715016052230)]欢迎大家一起交流讨论啊~网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化学习资料的朋友，可以戳这里获取一个人可以走的很快，但一群人才能走的更远！
Android自己定义组件系列【1】——自己定义View及ViewGroup
weixin_33809981的博客
07-01 103
View类是ViewGroup的父类，ViewGroup具有View的全部特性。ViewGroup主要用来充当View的容器。将当中的View作为自己孩子，并对其进行管理。当然孩子也能够是ViewGroup类型。View类一般用于画图操作，重写它的onDraw方法，但它不能够包括其它组件，没有addView(View view)方法。ViewGroup是一个组件容器，它能够包括不论什么组件，但...
Android View 和ViewGroup
Arex_Li的博客
03-21 265
安卓的UI页面都是有View 和ViewGroup及其派生子类组合而成的； View是所有UI组件的基类，而viewgroup是容纳这些组件的容器，其本身也是从view类派生出来的 view直接派生出的子类有 Analogclock，image view，keyboardview，progress八日，surfaceview,textview，viewgroup，viewstub viewgrou...
android view 以及 viewGroup
黄老板的专栏
03-30 610
转载自 http://blog.csdn.net/oney139/article/details/8045779 View 有一个属性为 mParent(ViewParent型) View 有一个属性为 mLayoutParams(ViewGroup.LayoutParams型) 无论是 mParent还是mLayoutParams 都是在系统在解析 XML 时自动进行初始化的. Vi
Android中View和ViewGroup介绍(1)
最新发布
2401_86963995的博客
09-11 1145
面试是一个不断学习、不断自我提升的过程，有机会还是出去面面，至少能想到查漏补缺效果，而且有些知识点，可能你自以为知道，但让你说，并不一定能说得很好。有些东西有压力才有动力，而学到的知识点，都是钱（因为技术人员大部分情况是根据你的能力来定级、来发薪水的），技多不压身。附上我的面试各大专题整理： 面试指南，满满的都是干货，希望对大家有帮助！lidate()方法，请求重新draw()，但只会绘制调用者本身。2、setSelection()方法 ：请求重新draw()，但只会绘制调用者本身。
Android自定义流式布局 - 自定义ViewGroup篇
我想月薪过万的博客
04-17 350
效果展示 这两张图表达的意思很清楚，第一行如果不够放置某个子元素，那就把它放到第二行，这就是流式布局。 代码实现 activity_main.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res
import android.view.window;,Android windowmanger 添加view 可自由拖动
weixin_42314192的博客
05-28 663
windowmanger addview 权限问题要先获取权限，package com.hrg.gys.rebot.service;import android.app.Activity;import android.app.Service;import android.content.Context;import android.content.Intent;import android.gr...
android 自定义view控件,Android自定义view控件
weixin_35252187的博客
05-25 302
在平时的开发过程中简单的，Android自带的view控件不能满足我们的创意。这个时候就需要我们手动去自定义它，好让view随心所欲的创新。好了直入主题：第一步：定义一个类(myView)继承自View，代码如下packagecom.android.tutor;importandroid.content.Context;importandroid.graphics.Canvas;importand...
Android的基本组件
qq_43181514的博客
09-15 282
牛牛牛牛牛
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值