Android零基础入门第19节:Button使用详解
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Android零基础入门第19节:Button使用详解相关的知识,希望对你有一定的参考价值。
Button(按钮)是android开发中使用非常频繁的组件,主要是在UI界面上生成一个按钮,该按钮可以供用户单击,当用户单击按钮时,按钮会触发一个onClick点击事件。
一、Button简介
Button使用起来比较容易,可以通过指定android:background 属性为按钮增加背景颜色或背景图片,如果将背景图片设为不规则的背景图片,则可以开发出各种不规则形状的按钮。
如果只是使用普通的背景颜色或背景图片,那么这些背景是固定的,不会随着用户的动作而改变。如果需要让按钮的背景颜色、背景图片随用户动作动态改变,则可以考虑使用自定义Drawable对象来实现,该部分内容会在高级开发部分进行详细讲解。
Button派生出来的子类主要有CheckBox、RadioButton、ToggleButton、Switch几个,都可直接使用Button支持的各种属性和方法,后续会进行学习。
二、Button示例
接下来通过一个简单的示例程序来学习Button的常见用法。
首先从网上下载两张图片素材,然后放到res/drawable/目录下,在到res/layout/目录下创建一个button_layout.xml文件,然后在其中填充如下代码片段:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <!-- 普通文字按钮 --> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="普通按钮" android:textSize="16sp" android:textColor="#ff00ff"/> <!-- 图片按钮--> <Button android:layout_width="80dp" android:layout_height="80dp" android:background="@drawable/play" /> <!-- 带文字的图片按钮--> <Button android:layout_width="80dp" android:layout_height="80dp" android:background="@drawable/button" android:textSize="18sp" android:text="开始"/> </LinearLayout>
上界面布局中的第一个按钮是一个普通按钮;
第二个按钮通过background属性配置了背景图片,因此该按钮将会显示为背景图片形状的按钮;
第三个按钮综合了文字显示和背景图片,因此该按钮将会显示为背景图片上带文字的按钮。
然后修改一下app/src/java/MainActivity.java文件中加载的布局文件为新建的button_layout.xml文件。运行程序,可以看到下图所示界面效果。
通过上面的示例,大体知道如何创建Button,那么接下来通过一个综合示例来继续学习如何使用Button和EditText这两个组件。
三、综合示例
到res/layout/目录下创建一个login.xml文件,然后在其中填充如下代码片段:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="用户名:" android:textSize="16sp"/> <EditText android:id="@+id/name_et" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="请输入用户名" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="密码:" android:textSize="16sp"/> <EditText android:id="@+id/pwd_et" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="请输入密码" android:inputType="textPassword"/> <Button android:id="@+id/login_btn" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="登录"/> </LinearLayout>
然后修改一下app/src/java/MainActivity.java文件中加载的布局文件为新建的login.xml文件。为了监听登录按钮的点击事件,在Java代码中为其添加点击事件监听器,具体代码如下:
public class MainActivity extends AppCompatActivity { private EditText mNameEt = null; // 用户名输入框 private EditText mPasswordEt = null; // 密码输入框 private Button mLoginBtn = null; // 登录按钮 @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.login); // 获取界面组件 mNameEt = (EditText) findViewById(R.id.name_et); mPasswordEt = (EditText) findViewById(R.id.pwd_et); mLoginBtn = (Button) findViewById(R.id.login_btn); // 为登录按钮绑定点击事件 mLoginBtn.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { // 获取用户输入的用户名和密码 String name = mNameEt.getText().toString(); String password = mPasswordEt.getText().toString(); // 消息提示 Toast.makeText(MainActivity.this, "用户名:" + name + "\n密码:" + password, Toast.LENGTH_SHORT).show(); } }); } }
上面的代码采用匿名内部类方式为登录按钮绑定点击事件监听器,在后续还会学到其他绑定监听器的方法。
运行程序,分别在用户名输入框和密码输入框中输入相应信息,再点击登录按钮,可以看到下图所示界面效果。
到此,最常用的三个组件TextView、EditText和Button都已经学习完成,你都掌握了吗?
------------------------------------------------
今天就先到这里,下一期开始UI组件的学习。如果有问题欢迎留言一起探讨,也欢迎加入Android零基础入门技术讨论微信群,共同成长!
往期总结分享:
Android零基础入门第1节:Android的前世今生
Android零基础入门第2节:Android 系统架构和应用组件那些事
Android零基础入门第3节:带你一起来聊一聊Android开发环境
Android零基础入门第4节:正确安装和配置JDK, 高富帅养成第一招
Android零基础入门第5节:善用ADT Bundle, 轻松邂逅女神
Android零基础入门第6节:配置优化SDK Manager, 正式约会女神
Android零基础入门第7节:搞定Android模拟器,开启甜蜜之旅
Android零基础入门第8节:HelloWorld,我的第一趟旅程出发点
Android零基础入门第9节:Android应用实战,不懂代码也可以开发
Android零基础入门第10节:开发IDE大升级,终于迎来了Android Studio
Android零基础入门第11节:简单几步带你飞,运行Android Studio工程
Android零基础入门第12节:熟悉Android Studio界面,开始装逼卖萌
Android零基础入门第13节:Android Studio配置优化,打造开发利器
Android零基础入门第14节:使用高速Genymotion,跨入火箭时代
Android零基础入门第15节:掌握Android Studio项目结构,扬帆起航
Android零基础入门第16节:Android用户界面开发概述
Android零基础入门第17节:TextView属性和方法大全
Android零基础入门第18节:EditText的属性和使用方法
此文章版权为微信公众号分享达人秀(ShareExpert)——鑫鱻所有,若转载请备注出处,特此声明!
以上是关于Android零基础入门第19节:Button使用详解的主要内容,如果未能解决你的问题,请参考以下文章
Android零基础入门第59节:AnalogClockDigitalClock和TextClock时钟组件
Android零基础入门第30节:两分钟掌握FrameLayout帧布局
Android零基础入门第61节:滚动视图ScrollView