类结构图:
方式2:通过XML文件的Android:onClick指定方法
指定了sefDestrut
所以在Activity写上一个这样的方法就可以了
上面的综合例子效果图为:
由类结构图,可以看出Button是继承于TextView的,所以TextView的一些属性也适用于Button控件。对于Button控件,相信大多数开发人员是再熟悉不过了,那么废话不多说,直接应用实践吧
实践演练:
1、 如何设置按钮的样式?
通过Android:background设置
2、如何设置背景图标:
3、如何设置按钮的文字颜色
通过Android:textColor
4、如何设置按钮的文字样式
通过android:textStyle
5、如何为按钮添加监听器注册事件
方式1:通过setOnClickListener方式
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--------"
);
}
|
上面的综合例子效果图为:
ImageButton
类结构图:
ImageButton就是用一个图标代表了一些文字,它没Android:text属性。它由Android:src指定图标的位置
android:src="@drawable/back_48"
其他属性都和Button差不多
实践演练:
1、怎么样设置ImageButton的图标位置
2、怎么样为ImageButton添加监听器注册事件
与Button一样它照样有两种方式设置
方式1:通过onClickListener
方式2:通过XML文件设置
最终效果:
1、设置透明度
imgBtn01.setAlpha(50);//设置透明度
类结构图:
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"
/>
|
最终效果:
1、设置透明度
imgBtn01.setAlpha(50);//设置透明度