Button控件的简介

vandroid:text属性 在按钮上显示文字  ImageButton不能有文字

vandroid:background可以给按钮指定背景图片或颜色

vandroid:src给ImageButton设置Drawable资源文件

vandroid:adjustViewBounds="true"调整边框以适应图片大小

v给Button添加鼠标点击事件

 Button btnOk=(Button)findViewById(R.id.loginBtn);

        btnOk.setOnClickListener(new OnClickListener() {
	        public void onClick(View v) {
		    tvMsg.setText("欢迎"+etUsername.getText());
		  }
		});

  v

 

想要漂亮点给你的 Button 加背景图片

<Button  android:id="@+id/loginBtn3" 
        android:layout_below="@+id/loginMsg"
        android:layout_toRightOf="@+id/loginBtn2"
        android:layout_alignTop="@+id/loginBtn2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:background="@drawable/btn_up"   />

  v

也可使用 ImageButton

<ImageButton  android:id="@+id/loginBtn4"
        android:layout_below="@+id/loginBtn2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/btn_up"
        android:padding="0dip"        />

  按钮的状态不会改变   怎么解决呢？可以通过定义 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/btn_down" /> 
       <!-- 上面是按下的图片 下面是正常的图片 -->

     <item android:drawable="@drawable/btn_up" />
 </selector>

 

 

vImageButton只能显示图片不能显示文字  设置Button的backgroud属性可以有图片也可以有字

<Button
        android:id="@+id/loginBtn6" 
        android:layout_below="@+id/loginBtn4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:background="@drawable/btnok"
        android:text="有字"
        />

  v

如果按钮被拉伸，那么按钮的图片可能就会变形

v可以使用9.png格式的图片解决这个问题

v使用AndroidSDK提供的工具draw9patch制作9.png图片(在SDK的tools目录下)

v用draw9patch打开你的图片  如下

v 1号黑色条位置向下覆盖的区域表示图片横向拉伸时，只拉伸该区域
 

v 2号黑色条位置向右覆盖的区域表示图片纵向拉伸时，只拉伸该区域   
                      

v 3号黑色条位置向左覆盖的区域表示图片纵向显示内容的区域
                  

v 4号黑色条位置向上覆盖的区域表示图片横向显示内容的区域

v制作好后保存，后缀自动变为9.png，替换原来的图片