700字范文 > 【5年Android从零复盘系列之六】Android自定义View(1)：基础详解(图文)

【5年Android从零复盘系列之六】Android自定义View(1)：基础详解(图文)

时间：2022-06-12 12:00:28

1.基础一：坐标计算

1.1 Android窗口坐标系计算以屏幕左上角为原点，

向右为X轴正向，向下为Y轴正向

1.2 View坐标系

【注意获取的坐标是像素值，不是dp值】

//获取View内部相对的坐标值（距离）getX()、getY()//获取View相对父View的相对坐标值（距离）getLeft()、getTop()、getRight()、getBottom()//获取的是屏幕中的实际坐标值（距离）getRawX()、getRawY()

图中activity指全屏窗口，严格的讲应该是屏幕

1.3 实际开发使用场景

1.获取View的宽高【应在View绘制完成后调用】

width = getRight() - getLeft();height = getBottom() - getTop();

2.获取View在父view中的左上角坐标【应在View绘制完成后调用】

Point point = new Point();point.set(ivState.getLeft() ,ivState.getTop());

3.获取View在父view中心点坐标【应在View绘制完成后调用】

Point point = new Point();point.set(ivState.getRight() - ivState.getLeft() ,ivState.getBottom() - ivState.getTop());

2. 自定义属性

2.1 构造函数&初始化属性

public class MDButton extends Button {//java动态创建view时调用public MDButton(Context context) {super(context);initInnerView(context);}//xml布局初始化时调用public MDButton(Context context, AttributeSet attrs) {super(context, attrs);// initInnerView(context);//组合式自定义View（即ViewGroup）时，需初始化内部子view; 扩展式自定义View不需要调用initAttrs(context, attrs);}//有默认style时，在MDButton(Context context, AttributeSet attrs)中调用MDButton(context,attrs,defStyleAttr);public MDButton(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);// initInnerView(context);//组合式自定义View（即ViewGroup）时，需初始化内部子view; 扩展式自定义View不需要调用initAttrs(context, attrs);}//只有在API版本>21时才会用到//有默认style时，在MDButton(Context context, AttributeSet attrs)中调用MDButton(context,attrs,defStyleAttr);@RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)public MDButton(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {super(context, attrs, defStyleAttr, defStyleRes);// initInnerView(context);//组合式自定义View（即ViewGroup）时，需初始化内部子view; 扩展式自定义View不需要调用initAttrs(context, attrs);}//组合式自定义View（即ViewGroup）时，需初始化内部子view; 扩展式自定义View不需要调用private void initInnerView(Context context) {//...}private void initAttrs(Context context, AttributeSet attrs) {//...}}

2.2 自定义属性

1.在module中的/res/values/attrs.xml编写属性&类型；

<?xml version="1.0" encoding="utf-8"?><resources><declare-styleable name="MDButton"><attr name="mdb_bg" format="color|reference" /><attr name="mdb_txt_color" format="color|reference" /><attr name="mdb_txt" format="string" /><attr name="mdb_auto_anim" format="boolean" /><attr name="mdb_anim_pivotX" format="fraction" /><attr name="mdb_auto_anim_delay" format="integer" /><attr name="mdb_auto_anim_alpha" format="float" /><attr name="mdb_min_width" format="dimension" /><attr name="mdb_size"><enum name="small" value="0" /><enum name="normal" value="1" /><enum name="big" value="2" /></attr><attr name="mdb_radius_corner"><flag name="empty" value="0x00" /><flag name="top" value="0x01" /><flag name="bottom" value="0x02" /><flag name="left" value="0x04" /><flag name="right" value="0x08" /></attr></declare-styleable></resources>

2.自定义View类中获取属性值，并使用

public class MDButton extends Button {//组合式自定义View（即ViewGroup）时，需初始化内部子view; 扩展式自定义View不需要调用private void initInnerView(Context context) {//...}private void initAttrs(Context context, AttributeSet attrs) {//1.获取属性数组TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.MDButton);//2.获取属性值Drawable bgDrawable = typedArray.getDrawable(R.styleable.MDButton_mdb_bg);int txtColor = typedArray.getInteger(R.styleable.MDButton_mdb_txt_color,Color.parseColor("#808080"));String txt = typedArray.getString(R.styleable.MDButton_mdb_txt);boolean isAutoAnim = typedArray.getBoolean(R.styleable.MDButton_mdb_auto_anim, false);float fraction = typedArray.getFraction(R.styleable.MDButton_mdb_anim_pivotX, 1, 1, 1.0f);float alpha = typedArray.getFloat(R.styleable.MDButton_mdb_auto_anim_alpha , 1.0f);float minWidth = typedArray.getDimension(R.styleable.MDButton_mdb_min_width, 32.0f);int sizeType = typedArray.getInt(R.styleable.MDButton_mdb_size, 1);//0=small 1=normal 2=bigint radiusCorner = typedArray.getInt(R.styleable.MDButton_mdb_radius_corner ,0);int delay = typedArray.getInt(R.styleable.MDButton_mdb_auto_anim_delay ,0);Log.e("bgDrawable",""+bgDrawable);Log.e("txtColor",""+txtColor);Log.e("txt",""+txt);Log.e("isAutoAnim",""+isAutoAnim);Log.e("fraction",""+fraction);Log.e("alpha",""+alpha);Log.e("minWidth",""+minWidth);Log.e("sizeType",""+sizeType);Log.e("radiusCorner",""+radiusCorner);Log.e("delay",""+delay);Log.e("==============","=========================================");//3.属性值设置到对应属性setText(txt);//tv.setDelay(delay);//...//4.释放typedArray.recycle();}//java动态创建view时调用public MDButton(Context context) {super(context);initInnerView(context);}//xml布局初始化时调用public MDButton(Context context, AttributeSet attrs) {super(context, attrs);// initInnerView(context);//组合式自定义View（即ViewGroup）时，需初始化内部子view; 扩展式自定义View不需要调用initAttrs(context, attrs);}//有默认style时，在MDButton(Context context, AttributeSet attrs)中调用MDButton(context,attrs,defStyleAttr);public MDButton(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);// initInnerView(context);//组合式自定义View（即ViewGroup）时，需初始化内部子view; 扩展式自定义View不需要调用initAttrs(context, attrs);}//只有在API版本>21时才会用到//有默认style时，在MDButton(Context context, AttributeSet attrs)中调用@RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)public MDButton(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {super(context, attrs, defStyleAttr, defStyleRes);// initInnerView(context);//组合式自定义View（即ViewGroup）时，需初始化内部子view; 扩展式自定义View不需要调用initAttrs(context, attrs);}}

3.在布局文件.xml中使用控件，【注意变量组设置的数据&单位】

<LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"app:layout_constraintTop_toTopOf="parent"app:layout_constraintLeft_toLeftOf="parent"android:orientation="vertical"><com.cupster.base_super_resource.MDButtonapp:mdb_anim_pivotX="80%"app:mdb_auto_anim="true"app:mdb_auto_anim_alpha="1.0"app:mdb_auto_anim_delay="100"app:mdb_bg="@drawable/shape_btn_gray_radius5"app:mdb_min_width="60dp"app:mdb_radius_corner="right"app:mdb_size="big"app:mdb_txt="btn1"app:mdb_txt_color="#ff00ff"android:layout_width="120dp"android:layout_height="60dp"/><com.cupster.base_super_resource.MDButtonapp:mdb_anim_pivotX="70%"app:mdb_auto_anim="false"app:mdb_auto_anim_alpha="0.4"app:mdb_auto_anim_delay="100"app:mdb_bg="@drawable/shape_btn_gray_radius5"app:mdb_min_width="60px"app:mdb_radius_corner="bottom|left|top|right"app:mdb_size="small"app:mdb_txt="btn1"app:mdb_txt_color="#ff00ff"android:layout_width="120dp"android:layout_height="60dp"/><com.cupster.base_super_resource.MDButtonapp:mdb_anim_pivotX="100%"app:mdb_auto_anim_alpha="0.9"app:mdb_auto_anim_delay="100"app:mdb_bg="@drawable/shape_btn_gray_radius5"app:mdb_min_width="90dp"app:mdb_radius_corner="empty"app:mdb_size="normal"app:mdb_txt="btn1"app:mdb_txt_color="#ff00ff"android:layout_width="120dp"android:layout_height="60dp"/></LinearLayout>

** 附：属性值获取正确性验证**

3.自定义View分类

3.1 组合式

顾名思义，即xml文件中根布局使用RelativeLayout(同理其他布局控件)，

内部使用其他View控件，布局摆放，组合成XxxView的原始布局。

然后，Java类继承根布局标签对应的容器类，覆写构造函数，并初始化各子View的变量。

是最常用、最稳妥、不易产生过度绘制、内存泄漏等问题。

Android自定义View(2)：组合式

3.2 继承覆写、衍生/扩展

简而言之，即如继承Button，修改默认background、state_press状态时按钮elevation值、取消默认最小高度56dp等。

也是最常用的、直接扩展/修改原生View功能

Android自定义View(3)：继承改写、衍生/扩展

3.3 自绘式

强烈建议：熟悉View的绘制、Android事件传递、手势处理再入手自绘式。

方式：直接继承View ，重写绘制流程三步骤

measure() 测量layout() 布局计算摆放坐标draw() 绘制

Android自定义View(4)：自绘式

4.View的生命周期

View的生命周期，关联Activity联动时的函数调用顺序

【View】构造方法【View】onFinishInflate()【Activity】 onCreate()【Activity】onStart()【Activity】onResume()【View】onAttachedToWindow()【View】onMeasure() （可能调用n次）【View】onSizeChanged() （可能调用n次）【View】onLayout() （可能调用n次）【View】onDraw() （可能调用n次）【View】onWindowFocusChanged() （调用Activity.onPause()前，被调用，hasWindowFocus==false）【Activity】onPause()【Activity】onStop()【Activity】onDestroy()【View】onDetachedFromWindow

本内容不代表本网观点和政治立场，如有侵犯你的权益请联系我们处理。

网友评论

网友评论仅供其表达个人看法，并不表明网站立场。