学习一下Android的基础控件Button 和 TextView的简单使用

  • 马上学Android 004 - Button TextView的简单使用01

在布局文件中添加一个EditText的输入框控件,并且优化了布局文件,让布局看起来好看一些,相信通过前面的学习之后,下面的代码对你来说不会是阅读障碍了!

  • activity_main.xml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#00BBFF"
android:orientation="vertical"
tools:context="com.chen.activity.MainActivity">


<EditText
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:id="@+id/etGoalMoney"
android:inputType="none"
android:hint="请输入你期望的第一桶金的金额"
android:layout_margin="10px" />


<Button
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="点我一次赚一元"
android:background="#BBFF00"
android:layout_margin="10px"
android:id="@+id/btnGetMoney" />


<Button
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="点击一次损失一元"
android:background="#FF0000"
android:layout_margin="10px"
android:id="@+id/btnLoseMoney" />


<TextView
android:text="哈哈,经过努力目前我已经有...元"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="10px"
android:textColor="#0000FF"
android:textSize="20dp"
android:layout_gravity="center"
android:id="@+id/tvGetMoney" />

</LinearLayout>

这样就完成两个基本控件的定义,可以通过它们的属性来控制控件的样式,现在我们只需要了解基本的属性即可。定义好了布局文件就可以在Java代码进行动态操作。代码如下

  • MainActivity.java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

public class MainActivity extends Activity{

private Button btnGetMoney; //声明按钮控件变量
private TextView tvGetMoney; //声明文本控件变量
private Button btnLostMoney;

private int money = 0 //声明统计变量

@Override
protected void onCreate(Bundle savedInstanceState){
super.onCreate(savaedInstanceState);
setContentView(R.layout.activity_main);

btnGetMoney = (Button) findViewById(R.id.btnGetMoney); //绑定按钮控件
tvGetMoney = (TextView) findViewById(R.id.tvGetMoney); //绑定文本控件

//绑定按钮监听器
btnGetMoney.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
money++;
tvGetMoney.setText("哈哈,我通过点击鼠标轻易赚了" + money + "元"); //显示最新money
}
});
}
}

这样就完成了第一个简单的小应用,部署到真机或者模拟器看看效果吧!