Android--自定义视图控件(一)(Android Studio)

写在前面的话：

• Android的UI界面都是由View和ViewGroup及其派生类组合而成的。其中，View是所有UI组件的基类，而ViewGroup是容纳这些组件的容器，其本身也是从View派生出来的。
  

• 作为容器的ViewGroup可以包含作为叶子节点的View，也可以包含作为更低层次的子ViewGroup，而子ViewGroup又可以包含下一层的叶子节点的View和ViewGroup。事实上，这种灵活的View层次结构可以形成非常复杂的UI布局，开发者可据此设计、开发非常精致的UI界面。

• 一般来说，开发Android应用程序的UI界面都不会直接实用View和ViewGroup，而是使用这两大基类的派生类。

  View派生出的直接子类有：AnalogClock,ImageView,KeyboardView,ProgressBar,SurfaceView,TextView,ViewGroup,ViewStub  
  ViewGroup派生出的直接子类 有：AbsoluteLayout,FragmentBreadCrumbs,FrameLayout,LinearLayout,RelativeLayout,SlidingDrawer，AdapterView
  

• 有时，我们想用ImageView在默认情况下加载一幅图片，但是希望在点击该View时View变换出各种图像处理效果，这个时候直接使用 ImageView是不行的，此时我们可以重载ImageView，在新派生出的子控件中重载OnDraw等方法来实现我们的定制效果。这种派生出系统类 的子类方法我们通常称之为自定义控件。自定义控件可像标准View控件那样在XML及我们的Java文件中进行布局和实例化，但在布局时必须指出其完整的包名和类名。

一、自定义视图属性

说明：在Android Studio中无法识别“自定义属性xmlns”问题，如下：

解决办法：

即直接写res-auto而不是写包名。因为Gradle工具会自动识别，所以不用指定包名

1. 继承View类

/**
 * 自定义视图控件
 * Created by FanFF on 2016/2/27.
 */
public class MyRect extends View {
    // 资源属性的构造器，供资源解析器来访问(只要将相应的xml资源文件放到values即可)
    public MyRect(Context context, AttributeSet attrs){
        super(context, attrs);
    }
    public MyRect(Context context){
        super(context);
    }
}

2 . 在布局文件中引用自定义的视图控件

"http://schemas.android.com/apk/res/android"
    xmlns:fanff="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    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="com.example.fanff.myselfproperty.MainActivity">

    <com.example.fanff.myselfproperty.MyRect
        android:layout_width="100dp"
        android:layout_height="100dp"
        fanff:rect_color="#ff0000"
        />

注意：

在布局文件的设计模式下看到自定义的视图控件

3 . 设置自定义视图控件的属性
在values下创建attr.xml

attr.xml的代码如下：

<resources>
    <declare-styleable name="MyView">
        <attr name="rect_color" format="color"/>
    declare-styleable>
resources>

关于这些属性值的简要说明，参见http://blog.csdn.net/u014294166/article/details/50754890

4 . 自定义控件的设置

public class MyRect extends View {
    // 资源属性的构造器，供资源解析器来访问(只要将xml资源文件放到values即可)
    public MyRect(Context context, AttributeSet attrs){
        super(context, attrs);
        //获取配置属性
        TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.MyView);

        // 设置默认值
        int color = ta.getColor(R.styleable.MyView_rect_color, 0x00ff00);
        setBackgroundColor(color);

        ta.recycle();
    }
    public MyRect(Context context){
        super(context);
    }

}