Android自定义控件及按下效果

在应用程序开发中，经常要对android控件进行自定义来实现界面的风格统一，对网上的资源进行搜索整理如下：

自定义EditText

一， 通过改变背景图片来实现EditText的自定义

(1) 在drawable里添加my_edittext.xml 代码如下：

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

注：正常状态时背景图片为edit，而edit1为EditText为编辑状态

(2) 在value文件下添加 my_edittext_style.xml代码如下：

<?xml version="1.0" encoding="utf-8"?>
<resources>	
    <style name="suretouch_edittext_style" parent="@android:style/Widget.EditText">
         //引入drawable下的my_edittext.xml文件 
         <item name="android:background">@drawable/my_edittext</item> 
    </style> 
</resources>

(3)在自己的布局文件中加入自定义样式就完成了。

<EditText
   android:id="@+id/admin_email"
   android:layout_width="461dip"		
   android:layout_height="48dip"
   style="@style/my_edittext_style"
/>

使用上面方式实现的搜索框，布局文件如下：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="260dip">
    <EditText
    	android:id="@+id/findEditText"
    	android:layout_alignParentTop="true"
    	android:singleLine="true"
    	android:layout_width="fill_parent"
    	android:layout_height="wrap_content"
    	android:hint="请输入查询的类容"/>
    <ImageView
    	android:id="@+id/findButton"
    	android:src="@drawable/findbutton"
    	android:layout_width="wrap_content"
    	android:layout_height="wrap_content"
    	android:layout_marginBottom="4dip"
    	android:layout_marginRight="2dip"
    	android:adjustViewBounds="true"
    	android:layout_alignTop="@id/findEditText"
    	android:layout_alignRight="@id/findEditText"
    	android:layout_alignBottom="@id/findEditText"/>
</RelativeLayout>

drawable中的xml文件

<?xml version="1.0" encoding="UTF-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:drawable="@drawable/find0" />
    <item android:state_focused="true" android:drawable="@drawable/find1" />
    <item android:state_enabled="true" android:drawable="@drawable/find1" />
</selector>

图片

二，自定义EditText的边框

(1)创建自定义MyEditText类

package com.util;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.widget.EditText;

public class MyEditText extends EditText {

	private Paint mPaint;
	private Context mContext;
	public MyEditText(Context context) {
		super(context);


	}

//	public MyEditText(Context context, AttributeSet attrs, int defStyle) {
//		super(context, attrs, defStyle);
//		// TODO Auto-generated constructor stub
//	}
//
	public MyEditText(Context context, AttributeSet attrs) {
		super(context, attrs);
		mContext=context;
		// TODO Auto-generated constructor stub
		//定义画笔
		mPaint = getPaint();
	        //定义笔画粗细样式
		mPaint.setStyle(Paint.Style.FILL_AND_STROKE);
	        //定义笔画颜色
		mPaint.setColor(Color.GRAY);
	}

	public void onDraw(Canvas canvas){
		super.onDraw(canvas);
		int w = getWidth();
	        int h = getHeight();
	
        //下划线
	//      canvas.drawLine(0,h-1,  w-1, h-1, mPaint);   

	    //下边框
	    canvas.drawLine(0, h, w, h, mPaint);
	    //右边框
	    canvas.drawLine(w, 0, w, h, mPaint);
	    //左边框
	    canvas.drawLine(0, 0, 0, h, mPaint);
	    //上边框
	    canvas.drawLine(0, 0, w, 0, mPaint);

	}
}

(2)在布局文件中直接引用自定义控件

     //注意这里 如果不行<View class="com.util.MyEditText">
     <com.util.MyEditText
   		android:id="@+id/register_password"
   		android:layout_width="461dip"	
   		android:layout_height="48dip"
   		android:layout_x="398dip"
   		android:layout_y="353dip"
   		android:password="true"
   		style="?android:attr/textViewStyle"
   		android:background="@null"
   		android:textColor="@null"
   		
   	/>

图

三，按钮按下效果，非常简单同样是使用selector

(1) 在drawable中的xml文件中，代码如下：

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

(2) ImageButton在xml布局文件中的代码：

   	<ImageButton 
   		android:id="@+id/register_btn"
   		android:src="@drawable/suretouch_register_button"
   		android:layout_width="158dip"
   		android:layout_height="149dip"
   		android:layout_x="893dip"
   		android:layout_y="270dip"
   		android:scaleType="centerCrop"
   		android:background="@null"
   	/>