android重写UI控件

很多时候android自定义控件并不克不及满足需求，如何做呢？很多办法，可以本身绘制一个，可以经由过程持续根蒂根基控件来重写某些环节，当然也可以将控件组合成一个新控件，这也是最便利的一个办法。今天就来介绍下如何应用组合控件，将经由过程两个实例来介绍。
第一个实现一个带图片和文字的按钮，如图所示：
全部过程可以分四步走。第一步，定义一个layout，实现按钮内部的布局。代码如下：
<？xml version="1.0" encoding="utf-8"？><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="fill_parent" ><ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="＠+id/iv" android:src="＠drawable/confirm" android:paddingTop="5dip" android:paddingBottom="5dip" android:paddingLeft="40dip" android:layout_gravity="center_vertical" /><TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="断定" android:textColor="＃000000" android:id="＠+id/tv" android:layout_marginLeft="8dip" android:layout_gravity="center_vertical" /></LinearLayout>
　　这个xml实现一个左图右字的布局，接下来写一个类持续LinearLayout，导入方才的布局，并且设置须要的办法，从而使的能在代码中把握这个自定义控件内容的显示。代码如下：
package com.notice.ib;
import android.content.Context;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
public class ImageBt extends LinearLayout {
private ImageView iv;
private TextView tv;
public ImageBt（Context context） {
this（context， null）;
}
public ImageBt（Context context， AttributeSet attrs） {

super（context， attrs）;
// 导入布局
LayoutInflater.（context）.inflate（R.layout.custombt， this， true）;
iv = （ImageView） findViewById（R.id.iv）;
tv = （TextView） findViewById（R.id.tv）;
}
/** * 设置图片资料 */
public void setImageResource（int resId） {
iv.setImageResource（resId）;
}
/** * 设置显示的文字 */
public void setTextViewText（String text） {
tv.setText（text）; }}


　　第三步，在须要应用这个自定义控件的layout中参加这控件，只须要在xml中参加即可。办法如下：


<RelativeLayout
android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_gravity="bottom" > <com.notice.ib.ImageBt
android:id="＠+id/bt_confirm" android:layout_height="wrap_content" android:layout_width="wrap_content" android:layout_alignParentBottom="true" android:background="＠drawable/btbg" android:clickable="true" android:focusable="true"
/>
<com.notice.ib.ImageBt
android:id="＠+id/bt_cancel"
android:layout_toRightOf="＠id/bt_confirm" android:layout_height="wrap_content" android:layout_width="wrap_content" android:layout_alignParentBottom="true" android:background="＠drawable/btbg" android:clickable="true" android:focusable="true" />
</RelativeLayout>


重视的是，控件标签应用完全的类名即可。为了给按钮一个点击结果，你须要给他一个or靠山，这里就不说了。


　　最后一步，即在activity中设置该控件的内容。当然，在xml中也可以设置，然则只能设置一个，当我们须要两次应用如许的控件，并且显示内容不应时就不可了。在activity中设置也很是简单，我们在ImageBt这个类中已经写好了响应的办法，简单调用即可。代码如下：
public class MainActivity extends Activity {
private ImageBt ib1;
private ImageBt ib2;
/** Called when the activity is first created. */
＠Override
public void onCreate（Bundle savedInstanceState） { super.onCreate（savedInstanceState）;
setContentView（R.layout.login）;
ib1 = （ImageBt） findViewById（R.id.bt_confirm）;
ib2 = （ImageBt） findViewById（R.id.bt_cancel）; ib1.setTextViewText（"断定"）;
ib1.setImageResource（R.drawable.confirm）;
ib2.setTextViewText（"作废"）;
ib2.setImageResource（R.drawable.cancel）; ib1.setOnClickListener（new OnClickListener（） {
＠Override
public void onClick（View v） {
//在这里可以实现点击事务
}
}）;
}}


　　如许，一个带文字和图片的组合按钮控件就完成了。如许梳理一下，应用还是很是简单的。组合控件能做的事还很是多，主如果在类似上例中的ImageBt类中写好要应用的办法即可。


再来看一个组合控件，带删除按钮的EidtText。即在用户输入后，会呈现删除按钮，点击即可作废用户输入。


定义办法和上例一样。起首写一个自定义控件的布局：


<？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="fill_parent" >
<EditText android:id="＠+id/et" android:layout_width="fill_parent" android:layout_height="wrap_content" android:singleLine="true" />
<ImageButton android:id="＠+id/ib"
android:visibility="gone"
android:src="＠drawable/menu_" android:layout_width="wrap_content" android:layout_height="wrap_content"
android:background="＃00000000"
android:layout_alignRight="＠+id/et" />
</RelativeLayout>


　　实现输入框右侧带按钮结果，重视将按钮隐蔽。然后写一个EditCancel类，实现删除用户输入功能。这里用到了TextWatch这个接口，监听输入框中的文字变更。应用也很简单，实现他的三个办法即可。看代码：


package com.notice.ce;
import android.content.Context;
import android.text.Editable;
import android.text.TextWatcher;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.EditText;
import android.widget.ImageButton;
import android.widget.LinearLayout;
public class EditCancel extends LinearLayout implements EdtInterface {
ImageButton ib;
EditText et;
public EditCancel（Context context） {
super（context）;
}
public EditCancel（Context context， AttributeSet attrs） { super（context， attrs）;
LayoutInflater.（context）.inflate（R.layout.custom_editview， this， true）;
init（）;
}
private void init（） {
ib = （ImageButton） findViewById（R.id.ib）;
et = （EditText） findViewById（R.id.et）; et.addTextChangedListener（tw）;
// 为输入框绑定一个监听文字变更的****
// 添加按钮点击事务
ib.setOnClickListener（new OnClickListener（） {
＠Override
public void onClick（View v） {
hideBtn（）;
// 隐蔽按钮
et.setText（""）;
// 设置输入框内容为空
}
}）;
}
// 当输入框状况改变时，会调用响应的办法
TextWatcher tw = new TextWatcher（） {
＠Override
public void onTextChanged（CharSequence s， int start， int before， int count） {
// TODO Auto-generated method stub }
＠Override
public void beforeTextChanged（CharSequence s， int start， int count， int after） {
// TODO Auto-generated method stub
}
// 在文字改变后调用
＠Override
public void afterTextChanged（Editable s） { if （s.length（） == 0） {
hideBtn（）;// 隐蔽按钮
} else {
showBtn（）;// 显示按钮
}
}
};
＠Override public void hideBtn（） {
// 设置按钮不成见
if （ib.isShown（）） ib.setVisibility（View.GONE）;
}
＠Override
public void showBtn（） {
// 设置按钮可见
if （!ib.isShown（）） ib.setVisibility（View.VISIBLE）;
}}interface EdtInterface {
public void hideBtn（）;
public void showBtn（）;}


　　 在TextWatch接口的afterTextChanged办法中对文字进行断定，若长度为0，就隐蔽按钮，不然，显示按钮。


　　 别的，实现ImageButton（即那个叉）的点击事务，删除输入框中的内容，并隐蔽按钮。