View第一部分自定义View 简单介绍及使用

Posted 2022-12-13 xzj_2013

自定义View的分类和使用场景分析

1.继承View/SurfaceView重写onDraw方法
  这种方法主要用于实现一些不规则的效果，即这种效果不方便通过布局的组合方式来达到，往往需要静态或者动态的显示一些不规则的图形。很显然  
  这需要通过绘制的方式来实现，即重写onDraw方法。采用这种方式需要自己支持wrap_content,并且padding也需要自己处理。
2.继承ViewGroup派生特殊的Layout
  这种方法主要用于实现自定义的布局，即除了LinearLayout，RelativeLayout,FrameLayout这几种系统的布局之外，我们需要重新定义一种新布局，  
  当某种效果看起来很像几种View组合在一起的时候，可以采用这种方式实现。采用这种方式稍微复杂一些，需要合适的处理ViewGroup的  
  测量布局这两个过程，并同时处理子元素的测量和布局过程。
3.继承特定的View（如TextView,ImageView等）
  这种方法比较常见，一般用于扩展某种已有的View的功能，比如TextView，这种方法的实现比较简单，不需要自己支持wrap_content和padding等。
4.继承特定的ViewGroup（如LinearLayout,FrameLayout）
  这种方法也比较常见，当某种效果看起来很像几种View组合起来的时候可以采用这种方法来实现，采用这种方法不需要自己处理ViewGroup的  
  测量和布局这两个过程。  
  需要注意这种方法和方法2的区别，一般来说方法2能实现的效果方法4也能实现，两者的主要区别在于方法2更加接近View的底层。  
  以上就是自定义View的四种方法，自定义View讲究的是灵活性，一种效果可能多种方式可以实现，我们需要做的是找到一种代价小最高效的方法去实现。

自定义View过程中需要注意的问题

要准确的实现自定义View，我们需要处理一些为题，这些问题可能会影响Viwq的正常使用，有些可能会导致内存泄露等问题。  

1.让View支持wrap_content
  继承的View或者ViewGroup如果不在onMeasure对wrap_content进行特殊处理，那么当外界使用wrap_content时，会无法达到预期的效果  
2.如果有必要，让你的View支持padding
  继承View的控件，如果不在onDraw中处理padding，那么padding属性将无法起作用，同时继承ViewGroup的控件也需要在  
  onMeasure和onLayout中考虑padding和magin对其效果的影响  
  
3.尽量不要在View中使用Handler，没必要
  View内部本身已经提供了Post系列的办法，完全可以替代handler的作用，除非你很明确需要使用Handler来发送消息  
  
4.View中如果有线程或者动画，需要及时停止，参考View#onDetachedFromWindow  
  如果有线程或者动画需要停止，那么onDetachedFromWindow是一个很好的时机，当包含此View的Activity退出或者当前View被remove时,View的  
  onDetachedFromWindow方法会被调用，和此方法对应的是onAttachedToWindow，当包含此View的Activity启动是View的onAttachedToWindow方法将会调用。  
  同时当View不可见时我们也需要停止线程和动画，如果不及时处理这种问题，很有可能会造成内存泄露。
5.View带有滑动嵌套情形时，需要处理好滑动冲突

自定义View示例

1.继承View

首先建立一个属性文件,声明了一个自定义属性集合，在这个集合中你可以添加许多自己需要的属性，其格式类型是name = 属性名 format = 属性值的类型

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name = "circleview">
        <attr name = "circle_color" format = "color"/>
    </declare-styleable>
</resources>

然后是在View的构造方法中解析自定义的属性值并做处理

public CircleView(Context context, AttributeSet attrs, int defStyle) 
        super(context, attrs, defStyle);
        // TODO Auto-generated constructor stub
        //加载自定义属性集合circleview
        TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.circleview);
        //从集合中获取设置的属性值
        mColor = a.getColor(R.styleable.circleview_circle_color, Color.RED);
        //解析完毕释放资源
        a.recycle();
        init();
    

最后在布局文件中使用自定义属性
需要注意的是一定要通过命名空间去使用自定义属性，即一定要先声明才能使用该属性

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:mview="http://schemas.android.com/apk/res/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <com.example.myroundviewactivity.CircleView 
        android:id="@+id/m_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        mview:circle_color = "#ffffff"
        />
</RelativeLayout>

一个简单的自定义View代码示例：

package com.example.myroundviewactivity;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.View;

public class CircleView extends View 
    
    private int mColor = Color.RED;
    
    //抗锯齿
    private Paint mPaint  = new Paint(Paint.ANTI_ALIAS_FLAG); 

    public CircleView(Context context) 
        super(context);
        // TODO Auto-generated constructor stub
        init();
    

    public CircleView(Context context, AttributeSet attrs, int defStyle) 
        super(context, attrs, defStyle);
        // TODO Auto-generated constructor stub
        //自定义属性
        TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.circleview);
        mColor = a.getColor(R.styleable.circleview_circle_color, Color.RED);
        a.recycle();
        init();
    

    public CircleView(Context context, AttributeSet attrs) 
       this(context,attrs,0);
    
    
    private void init()
        mPaint.setColor(mColor);
    
    
    
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) 
        // TODO Auto-generated method stub
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        //给View添加wrap_content支持
        int widthSpecMode = MeasureSpec.getMode(widthMeasureSpec);
        int widthSpecSize = MeasureSpec.getSize(widthMeasureSpec);
        int heightSpecMode = MeasureSpec.getMode(heightMeasureSpec);
        int heightSpecSize = MeasureSpec.getSize(heightMeasureSpec);
        if (widthSpecMode == MeasureSpec.AT_MOST && heightSpecMode == MeasureSpec.AT_MOST) 
            setMeasuredDimension(200, 200);
        else if(widthSpecMode == MeasureSpec.AT_MOST)
            setMeasuredDimension(200, heightSpecSize);
        else if(heightSpecMode == MeasureSpec.AT_MOST)
            setMeasuredDimension(widthSpecSize, 200);
        
    
    
    @Override
    protected void onDraw(Canvas canvas) 
        // TODO Auto-generated method stub
        super.onDraw(canvas);
        //使自定义View支持padding属性
        final int paddingleft = getPaddingLeft();
        final int paddingright = getPaddingRight();
        final int paddingtop = getPaddingTop();
        final int paddingbottom = getPaddingBottom();
        int width = getWidth()-paddingleft-paddingright;
        int height = getHeight()-paddingtop-paddingbottom;
        int radius = Math.max(width, height)/2;
        canvas.drawCircle(paddingleft+width/2, paddingtop+height/2, radius, mPaint);
    

2.继承ViewGroup派生特殊的Layout

http://blog.csdn.net/lmj623565791/article/details/38339817/

3.继承特定的View

package  com.example.commonview;

import android.content.Context;
import android.util.AttributeSet;


/**
 * 一直处于滚动状态的textview
 */
public class AlwaysMarqueeText extends TextView 
    
    public AlwaysMarqueeText(Context context) 
        super(context);
    
    
    public AlwaysMarqueeText(Context context, AttributeSet attrs) 
        super(context, attrs);
    
    
    public AlwaysMarqueeText(Context context, AttributeSet attrs, int defStyle) 
        super(context, attrs, defStyle);
    
    
    @Override
    public boolean isFocused() 
        return true;
    

4.继承特定的ViewGroup

package com.example.commonview;

import java.util.Date;

import android.annotation.SuppressLint;
import android.content.Context;
import android.os.Handler;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.TextView;



@SuppressLint("NewApi")
public class TimeAndDateView extends LinearLayout 
    
    private View rootView;
    
    private TextView tvDate;
    
    private TextView tvTime;
    
    private String currentTime;
    
    private String currentDate;
    
    private String currentWeek;
    
    private final static int UPDATE_TIME = 10001;
    
    private Handler mHandler = new Handler() 
        @Override
        public void handleMessage(android.os.Message msg) 
            switch (msg.what) 
                case UPDATE_TIME:
                    updateDateTime();
                    mHandler.sendEmptyMessageDelayed(UPDATE_TIME, 10 * 1000);
                    break;
            
        ;
    ;
    
    public TimeAndDateView(Context context, AttributeSet attrs, int defStyle) 
        super(context, attrs, defStyle);
        rootView = LayoutInflater.from(context).inflate(R.layout.time_date_layout, this, true);
        tvDate = (TextView)rootView.findViewById(R.id.date_textview);
        tvTime = (TextView)rootView.findViewById(R.id.time_textview);
        currentTime = "HH:mm";
        currentDate = "MM/dd";
        currentWeek = "EEEE";
    
    
    public TimeAndDateView(Context context, AttributeSet attrs) 
        super(context, attrs);
        rootView = LayoutInflater.from(context).inflate(R.layout.time_date_layout, this, true);
        tvDate = (TextView)rootView.findViewById(R.id.date_textview);
        tvTime = (TextView)rootView.findViewById(R.id.time_textview);
        currentTime = "HH:mm";
        currentDate = "MM/dd";
        currentWeek = "EEEE";
    
    
    public TimeAndDateView(Context context) 
        super(context);
        rootView = LayoutInflater.from(context).inflate(R.layout.time_date_layout, this, true);
        tvDate = (TextView)rootView.findViewById(R.id.date_textview);
        tvTime = (TextView)rootView.findViewById(R.id.time_textview);
        currentTime = "HH:mm";
        currentDate = "MM/dd";
        currentWeek = "EEEE";
    
    
    public void start() 
        if (mHandler.hasMessages(UPDATE_TIME)) 
            mHandler.removeMessages(UPDATE_TIME);
        
        mHandler.sendEmptyMessage(UPDATE_TIME);
    
    
    public void stop() 
        mHandler.removeMessages(UPDATE_TIME);
    
    
    private void updateDateTime() 
        Date date = SynchServerTimer.getDate();
        tvTime.setText(SmartLunznDate.getChinaDateStr(currentTime, date));
        tvDate.setText(SmartLunznDate.getChinaDateStr(currentDate, date) + " "
            + SmartLunznDate.getChinaDateStr(currentWeek, date));