Android程序开发:[12]按钮Button
1、打开WidgetActivity项目下的activity_main.xml文件,在按钮下方新建立一个TextView控件,用于显示密码。代码如下:
///////////////////////////////////////////////////////////////////////////////
<TextView
android:id="@+id/showpwd"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:hint="显示密码" />
![Android程序开发:[12]按钮Button](https://exp-picture.cdn.bcebos.com/31097f43d7d4483196d6c514d40f822b75ee5190.jpg)
2、设置按钮Button属性。代码如辞散下:
///////////////////////////////////////////////////////////////////////////////
<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="显示密码" />
![Android程序开发:[12]按钮Button](https://exp-picture.cdn.bcebos.com/75af02324b18512c16cceb14ad334884cce34990.jpg)
3、在项目src/com/example/widgetqctivity目录下,打开MainActivity.java源文件。在项目创建时,该文件自动创建,其中已经包含了所需onCreate() 的实现方式,另外还有一个onCreateOptionsMenu()实现方式,由于应用程序并不需要所以可以直接删除。还有 onOptionsItemSelected()实现方式,它可以处理操作栏上拉操作(如下图所示)。这里我们在onCreate函数内设置时间监听程序,代码如下:
//////////////////////////////////////////////////////////////////////////////
//获取控件,设置事件监听
Button button=(Button) findViewById(R.id.button);
button.setOnClickListener(new OnClickListener(){
public void onClick(View arg0){
EditText pwdEt=(EditText) findViewById(R.id.pwd);
TextView pwdTv=(TextView) findViewById(R.id.showpwd);
String pwd=pwdEt.getText().toString();
//设置文本
pwdTv.setText(pwd);
}
});
![Android程序开发:[12]按钮Button](https://exp-picture.cdn.bcebos.com/d9e638334884cde3d411655df07f860e7d754290.jpg)
![Android程序开发:[12]按钮Button](https://exp-picture.cdn.bcebos.com/7d34fbf4fcf5ee0d9df39964f96b0ce264e7ba90.jpg)
4、在程序代码手动裁涛铲输入过程中,可能由于出现编码错误等情况,可以通过Eclipse的错误提示,进行铲巨修改调试,直到程序编译正常。如下图所示,可以用鼠标点击错误提示处,会弹出相关修改提示,根据提示进行程序修改。
![Android程序开发:[12]按钮Button](https://exp-picture.cdn.bcebos.com/3b8fb4d7726b0ce2ceda07bcef781423bfb9b690.jpg)
![Android程序开发:[12]按钮Button](https://exp-picture.cdn.bcebos.com/777f3fc2bbd6e1d0d9d5a9d20d254193cfe8af90.jpg)
5、运行程序,并在密码输入框内随意输入密码,点击显示密码按钮,查看显示结果。
![Android程序开发:[12]按钮Button](https://exp-picture.cdn.bcebos.com/cfa9ae04541bd10f4e1b3e29ba0e1799e82aa790.jpg)