android5.0程序开发的图片按钮ImageButton使用教程
在android5.0程序开发中,你知道图片按钮控件ImageButton怎么使用吗?下面是学习啦小编给大家整理的一些有关android5.0程序开发的图片按钮ImageButton使用教程,希望对大家有帮助!
android5.0程序开发的图片按钮ImageButton使用教程
启动eclipse程序,新建一android5.0工程文件ImageButtonDemo。
将图片素材导入到drawable目录中,可以复制图片文件,在drawable目录中进行粘贴。注意图片文件名不能以数字开头,否则出错。
在activity_main.xml文件中加入一个TextView文本控件和两个ImageButton图片按钮控件。
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="hp://schemas.android.apk/res/android"
学习啦在线学习网 android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<TextView
学习啦在线学习网 android:id="@+id/TextView01"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
学习啦在线学习网 </TextView>
学习啦在线学习网 <ImageButton
android:id="@+id/ImageButton01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
学习啦在线学习网 android:background="@drawable/a">
学习啦在线学习网 </ImageButton>
学习啦在线学习网 <ImageButton
android:id="@+id/ImageButton02"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
学习啦在线学习网 android:background="@drawable/c">
</ImageButton>
</LinearLayout>
再双击打开MainActivity.java文件,导入TextView控件类、ImageButton控件类声明。
学习啦在线学习网 import android.widget.TextView;
import android.widget.ImageButton;
在程序中加入文本控件和两个ImageButton控件的引用代码。
final TextView textview1=(TextView)findViewById(R.id.TextView01);
final ImageButton imagebutton1=(ImageButton)findViewById(R.id.ImageButton01);
学习啦在线学习网 final ImageButton imagebutton2=(ImageButton)findViewById(R.id.ImageButton02);
学习啦在线学习网 分别添加imagebutton1和imagebutton2的执行代码。点击图片按钮会改变按钮。
imagebutton1.setOnClickListener(new OnClickListener(){
学习啦在线学习网 @Override
public void onClick(View v) {
学习啦在线学习网 textview1.setText("点击了第一个图片按钮");
学习啦在线学习网 imagebutton1.setImageDrawable(getResources().getDrawable(R.drawable.b));
学习啦在线学习网 imagebutton2.setImageDrawable(getResources().getDrawable(R.drawable.c));
}
});
imagebutton2.setOnClickListener(new OnClickListener(){
@Override
public void onClick(View v) {
textview1.setText("点击了第二个图片按钮");
学习啦在线学习网 imagebutton2.setImageDrawable(getResources().getDrawable(R.drawable.d));
imagebutton1.setImageDrawable(getResources().getDrawable(R.drawable.a));
}
});
学习啦在线学习网 运行程序,分别点击ImageButton1和ImageButton2,可见如下效果:
END
学习啦在线学习网 看了“android5.0程序开发的图片按钮ImageButton使用教程”的人还看了