zoukankan      html  css  js  c++  java
  • 自定义控件

    自定义控件,在Android的开发中,SDK提供的常用控件可能不能提供我们开发的一些需求,自定义控件就是自定义满足自己的需求并且还要界面美观的控件。下面我们就逐步介绍一下自定义控件。

    一,自定义控件的属性:

    使用自己定义的控件那么首先就是要自己定义控件的属性,来实现自己想要的效果,例如我们自定义一个长方形视图,具体步骤如下:

    1,首先创建一个类,此类继承View,此时就是必须生成一个构建方法,如下所示:

    public class MyRect extends View {
        public MyRect(Context context, AttributeSet attrs) {
            super(context, attrs);
            
        }
    }

    此构建方法是有资源解析程序使用的(只要将我们自定义的布局添加到XML文件就是执行到此方法)。

    2,这样我们就可以将我们自定义的MyRect在XML布局文件中使用了。

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:showIn="@layout/activity_main">
    
     <com.example.mgsd.mystudyproject.MyRect
            android:layout_width="100dp"
            android:layout_height="100dp"
            />




    </LinearLayout>

    3,自定义控件属性,那要创建一个XML文件,取名为attrs,在此XML里面我们就可以创建自己的属性了。如下:

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

    4,首先写一个declare-styleable标签,里面设置我们此属性的总名称。我只是针对颜色设置了一个rect_color属性,它的format格式是color(一个format可以设置不同的格式eg: format="color|reference"这样我们在使用的时候就不只是局限于color还可以添加图片资源)。

    下面我们在构造方法MyRect中添加如下代码:

    public MyRect(Context context, AttributeSet attrs) {
            super(context, attrs);
            TypedArray ta = context.obtainStyledAttributes(attrs,R.styleable.MyRectView);
            int color = ta.getColor(R.styleable.MyRectView_rect_color,Color.RED);
            setBackgroundColor(color);
            ta.recycle();//用完一定要recycle
        }

    这样我们就设置了自定义控件的颜色默认是红色的,如果要动态设置就可以在XML的布局文件里面动态设置。

    5,动态设置我们需要自己在XML里面声明一个自定义的命名空间。如下所示:xmlns:ljj="http://schemas.android.com/apk/res/com.example.mgsd.mystudyproject"

    前面的ljj是我们自己的空间名称,后面的是自己的包名,然后我们就可以在MyRect控件中添加属性

    ljj:rect_color="@android:color/darker_gray"那样自定义控件的背景就改变颜色了。

    这就是我们的自定义控件属性。  

    写到这里我们先暂停一下,看一下format的类型:

    ① reference:参考某一资源ID。

       <attr name="background" format="reference"></attr>

     例:  ljj:background = ""@drawable/图片ID"

    ②  color:颜色值 上面已经讲解

     boolean:布尔值

      <attr name = "focusable" format = "boolean" />

      例: ljj:focusable = "false";

    ④ dimension:尺寸值。

      <attr name = "layout_width" format = "dimension" />

      例: ljj:layout_width = "55dp";

    除此之外还有  float:浮点值 integer:整型值;  string:字符串 ;fraction:百分数enum:枚举值flag:位或运算就不一一列举了。

    二 ,自定义控件的皮肤

      这也是我们在开发中经常用到的,如果有这样一个需求:按钮点击时和未点击时需要不同的颜色。此时我们就要自定义按钮的皮肤。首先需要自定义一个XML文件里面设置button点击个未点击状态的颜色值,我们取名为btselect.xml。

    <?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
    
        <item android:drawable="@android:color/holo_blue_dark" android:state_focused="true"></item>
        <item android:drawable="@android:color/holo_blue_dark" android:state_pressed="true"></item>
        <item android:drawable="@android:color/holo_red_dark"></item>
    </selector>

    然后在XML布局控件中设置属性  : android:background="@drawable/btselect"就可以改变button的点击颜色。

    三 自定义视图

      1,首先还是创建一类,我们取名为MyRect继承View。

      2,重写draw方法,我们可以获得画布canvas

        @Override
        public void draw(Canvas canvas) {
            super.draw(canvas);
            
        }

      3,有了画布,我们还需要一个画笔,那我们就要定义一个变量Paint,用来控制要呈现的图形样式

      private Paint paint;

      4,自定义一个方法initProperties,来对paint进行相应的操作,我只是对paint进行初始化之后设置了其颜色为红色

        private void initProperties() {
            paint = new Paint();
            paint.setColor(Color.RED);
        }

      5,在draw方法中,用paint在画布上进行绘制。canvas.drawRect(0, 0, 100, 100, paint),此时我们就在画布上画了一个颜色为红色的方形控件,并且可以再XML文件中使用。

      6,我们还可以将小方块进行旋转操作,我们都知道自定义控件时有一个invalidate()方法,是重新绘制方法,只要我们的view无效程序就会重新绘制并且执行draw方法,那我们就这样实现方块的旋转。

    首先我们需要设置一个角度变量:degress,具体代码和解释如下所示。

        @Override
        public void draw(Canvas canvas) {
            super.draw(canvas);
            canvas.save();//在使用之前保存状态
            //canvas.translate(200,200);//设置自定义控件的坐标
            canvas.rotate(degress, 50, 50);//绕着的中心点选择
            canvas.drawRect(0, 0, 100, 100, paint);
            degress++;//每执行一次角度加1,
            canvas.restore();//将view设置为无效
            invalidate();//重新绘制使不断纸箱draw方法,从而是方形控件不断旋转
        }

    当然我要提醒大家invalidate()重绘是很消耗资源的,在实际的开发中不建议这样使用,可以和Handler配合使用。

      

      

      

  • 相关阅读:
    c++读写MySQL
    感叹游戏行业的飞速发展
    和真正的程序员在一起是怎样的体验
    程序媛是怎样找老公的
    IO和socket编程
    郁金香搜索引擎的方案
    实现一个自己的搜索引擎的初始规划
    JVM知识在离线数据中的运用
    看Lucene源码必须知道的基本规则和算法
    看Lucene源码必须知道的基本概念
  • 原文地址:https://www.cnblogs.com/blogljj/p/5053623.html
Copyright © 2011-2022 走看看