Button和ImageButton基础

 类结构图:
   123.jpg 
  由类结构图,可以看出Button是继承于TextView的,所以TextView的一些属性也适用于Button控件。对于Button控件,相信大多数开发人员是再熟悉不过了,那么废话不多说,直接应用实践吧

  实践演练:

  1、 如何设置按钮的样式?

  通过Android:background设置
?
代码片段,双击复制
01
02
03
04
view plaincopyprint?
<Button android:id= "@+id/myBtn1" android:text= "按钮1 设置背景样式"
android:layout_width= "fill_parent" android:layout_height= "wrap_content"
android:background= "#fff000" />

  2、如何设置背景图标:
?
代码片段,双击复制
01
02
03
04
05
view plaincopyprint?
<Button android:id= "@+id/myBtn6" android:text= "按钮6 设置背景图标"
android:layout_width= "wrap_content" android:layout_height= "wrap_content"
android:textStyle= "bold" android:background= "@drawable/back_48"
/>

  3、  如何设置按钮的文字颜色
  通过Android:textColor
?
代码片段,双击复制
01
02
03
04
05
view plaincopyprint?
<Button android:id= "@+id/myBtn2" android:text= "按钮2 字体颜色"
android:layout_width= "fill_parent" android:layout_height= "wrap_content"
android:textColor= "#ff0000" />
nbsp;

  4、  如何设置按钮的文字样式
  通过android:textStyle
?
代码片段,双击复制
01
02
03
04
05
06
07
view plaincopyprint?
<Button android:id= "@+id/myBtn3" android:text= "按钮3字体加粗"
android:layout_width= "fill_parent" android:layout_height= "wrap_content"
android:textColor= "#ff0000" android:textStyle= "bold" />
<Button android:id= "@+id/myBtn3" android:text= "按钮3字体加粗"
android:layout_width= "fill_parent" android:layout_height= "wrap_content"
android:textColor= "#ff0000" android:textStyle= "bold" />

  5、  如何为按钮添加监听器注册事件
  方式1:通过setOnClickListener方式
?
代码片段,双击复制
01
02
03
04
05
06
07
08
09
10
11
12
13
view plaincopyprint?
myBtn4.setOnClickListener( new OnClickListener() {
@Override
public void onClick(View v) {
myBtn4.setText( "setOnclickListener事件监听注册成功" );
}
});
myBtn4.setOnClickListener( new OnClickListener() {
@Override
public void onClick(View v) {
myBtn4.setText( "setOnclickListener事件监听注册成功" );
}
});

  方式2:通过XML文件的Android:onClick指定方法
?
代码片段,双击复制
01
02
03
04
05
06
07
view plaincopyprint?
<Button android:id= "@+id/myBtn4" android:text= "按钮4 通过setOnclickListener注册监听事件"
android:layout_width= "fill_parent" android:layout_height= "wrap_content"
android:textStyle= "bold" android:onClick= "selfDestruct" />
<Button android:id= "@+id/myBtn4" android:text= "按钮4 通过setOnclickListener注册监听事件"
android:layout_width= "fill_parent" android:layout_height= "wrap_content"
android:textStyle= "bold" android:onClick= "selfDestruct" />

  指定了sefDestrut
  所以在Activity写上一个这样的方法就可以了
?
代码片段,双击复制
01
02
03
04
05
06
07
08
09
view plaincopyprint?
public void selfDestruct(View v) {
myBtn5.setText( "XML方式事件监听注册成功" );
System.out.println( "------view v--------" );
}
public void selfDestruct(View v) {
myBtn5.setText( "XML方式事件监听注册成功" );
System.out.println( "------view v--------" );
}

  上面的综合例子效果图为:
123.jpg 
   ImageButton
  类结构图:

  ImageButton就是用一个图标代表了一些文字,它没Android:text属性。它由Android:src指定图标的位置
  android:src="@drawable/back_48"
  其他属性都和Button差不多
  实践演练:
  1、  怎么样设置ImageButton的图标位置
?
代码片段,双击复制
01
02
03
04
05
view plaincopyprint?
<ImageButton android:id= "@+id/imgBtn01" android:src= "@drawable/forward_48"
android:layout_width= "wrap_content" android:layout_height= "wrap_content" />
<ImageButton android:id= "@+id/imgBtn01" android:src= "@drawable/forward_48"
android:layout_width= "wrap_content" android:layout_height= "wrap_content" />

  2、  怎么样为ImageButton添加监听器注册事件
  与Button一样它照样有两种方式设置
  方式1:通过onClickListener
?
代码片段,双击复制
01
02
03
04
05
06
07
08
09
10
11
12
13
view plaincopyprint?
imgBtn01.setOnClickListener( new OnClickListener() {
@Override
public void onClick(View v) {
myTextView.setText( "ImageButton的监听事件" );
}
});
imgBtn01.setOnClickListener( new OnClickListener() {
@Override
public void onClick(View v) {
myTextView.setText( "ImageButton的监听事件" );
}
});

  方式2:通过XML文件设置
?
代码片段,双击复制
01
02
03
04
05
06
07
view plaincopyprint?
<ImageButton android:id= "@+id/imgBtn02" android:src= "@drawable/back_48"
android:layout_width= "wrap_content" android:layout_height= "wrap_content"
android:onClick= "ImageButtonXml" />
<ImageButton android:id= "@+id/imgBtn02" android:src= "@drawable/back_48"
android:layout_width= "wrap_content" android:layout_height= "wrap_content"
android:onClick= "ImageButtonXml" />

  最终效果:
  123.jpg

  1、  设置透明度
  imgBtn01.setAlpha(50);//设置透明度
123.jpg 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值