基于移动机器人的嵌入式开发 课件 13-Android常用控件

北京工业职业技术学院嵌入式系统应用主讲：

XXX老师Android常用控件学习目标掌握了解熟悉嵌入式车型机器人用到的功能控件编写控件代码13Android常用控件的类型控件的基本语法格式2常用控件的使用方法主讲内容主讲内容Speechcontent13.2编辑文本框13.3按钮13.1文本框在Andriod中，文本框使用TextView表示，用于在屏幕上显示文本。Android中的文本框组件可以显示单行文本，也可以显示多行文本，还可以显示带图像的文本。在Android中，可以使用两种方法向屏幕中添加文本框：一种是通过在XML布局文件中使用<TextView>标记添加；另一种是在Java文件中通过new关键字创建。文本框通过<TextView>标记在XML布局文件中添加文本框，其基本的语法格式如下：<TextView

属性列表></TextView>文本框TextView支持的常用XML属性如下所示。android:autoLink：用于指定是否将指定格式的文本转换为可单击的超链接形式，其属性值有none、web、email、phone、map和all。android:drawableBottom：用于在文本框内文本的底端绘制指定图像，该图像可以是放在res→drawable文件夹下的图片，通过“@drawable/文件名（不包括文件的扩展名）”设置。文本框android:drawableLeft：用于在文本框内文本的左侧绘制指定图像，该图像可以是放在res→drawable文件夹下的图片，通过“@drawable/文件名（不包括文件的扩展名）”设置。android:drawableRight：用于在文本框内文本的右侧绘制指定图像。android:drawableTop：用于在文本框内文本的顶端绘制指定图像。android:gravity：用于设置文本框内文本的对齐方式。android:hint：用于设置当文本框中文本内容为空时，默认显示的提示文本。文本框android:inputType：用于指定当前文本框显示内容的文本类型。android:singleLine：用于指定该文本框是否为单行模式。android:text：用于指定该文本中显示的文本内容。android:textColor：用于设置文本框内文本的颜色。android:textSize：用于设置文本框内文本的字体大小。android:width：用于指定文本的宽度，以像素为单位。android:height：用于指定文本的高度，以像素为单位。文本框实例1：实现为文本框中的E-mail地址添加超链接、显示带图像的文本、显示不同颜色的单行文本和多行文本。（1）修改新建项目的res→layout文件夹下的布局文件。删除默认内容，添加一个线性布局管理器，并为默认添加的TextView组件设置高度，对其中的E-mail格式的文本设置超链接，具体代码如下：文本框<?xmlversion="1.0"encoding="utf-8"?><LinearLayoutxmlns:android="/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent">文本框<TextViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:text="bkrcl015@163.com"android:autoLink="email"android:height="50px"/></LinearLayout>文本框（2）在默认添加的TextView组件后面添加一个TextView组件，设置该组件显示带图像的文本，具体代码如下：<TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="带图像的TextView"android:drawableTop="@drawable/ic_launcher"/>文本框（3）显示多行文本（默认的），显示单行文本。<TextViewandroid:textColor="#0F0"android:textSize="20px"android:text="多行文本，在很久很久以前，有一位老人他带给我们一个苹果"android:layout_width="300px"android:layout_width="wrap_content"android:layout_height="wrap_content"/>文本框

<TextViewandroid:textColor="#F00"android:textSize="20px"android:text="单行文本：在很久很久以前，有一位老人他带给我们一个苹果"android:width="300px"android:singleLine="true"android:layout_width="wrap_content"android:layout_height="wrap_content"/>文本框在模拟器上运行以后，结果如图13.1所示。文本框主讲内容主讲内容Speechcontent13.1文本框13.3按钮13.2编辑文本框在Android中，编辑框使用EditText表示，用于在屏幕上显示文本输入框。Android中的编辑框组件可以输入单行文本，也可以输入多行文本，还可以输入指定格式的文本（如密码、电话号码、E-mail地址等）。通过<EditText>标记在XML布局文件中添加编辑框，其基本的语法格式如下：<EditText

属性列表></EditText>编辑文本框由于EditText类是TextView类的子类，所以TextView类的属性同样适用于EditText组件。需要特别注意的是，在EditText组件中，android:inputType属性可以帮助输入框显示合适的类型。例如，要添加一个密码框，可以将android:inputType属性设置为textPassword。编辑文本框在屏幕中添加编辑框后，还需要获取编辑框中输入的内容，这可以通过编辑框组件提供的getText()方法实现。使用该方法时，先要获取到编辑框组件，然后再调用getText()方法。例如，要获取布局文件中添加的id属性为login的编辑框的内容，可以通过以下代码实现。EditTextlogin=(EditText)findViewById(R.id.login);StringloginText=login.getText().toString();编辑文本框例2：实现会员注册界面。（1）修改新建项目的res→layout文件夹下的布局文件。删除默认内容，添加表格布局管理器。在该布局管理器中添加4个TableRow表格行，并为该表格布局管理器设置背景。具体代码如下：<TableLayoutxmlns:android="/apk/res/android"android:id="@+id/layout"android:layout_width="match_parent"android:layout_height="match_parent"android:background="#FF000000">编辑文本框<!--第一个表格行--><TableRowandroid:id="@+id/tableRow1"android:layout_width="wrap_content"android:layout_height="wrap_content">

</TableRow>编辑文本框

<!--第二个表格行--><TableRowandroid:id="@+id/tableRow2"android:layout_width="wrap_content"android:layout_height="wrap_content">

</TableRow>编辑文本框

<!--第三个表格行--><TableRowandroid:id="@+id/tableRow3"android:layout_width="wrap_content"android:layout_height="wrap_content">

</TableRow>编辑文本框<!--第四个表格行--><TableRowandroid:id="@+id/tableRow4"android:layout_width="wrap_content"android:layout_height="wrap_content">

</TableRow></TableLayout>编辑文本框（2）在表格第一行，添加一个用于显示提示信息的文本框和一个输入会员昵称的单行编辑框，并为该单行编辑框设置提示文本。具体代码如下：<TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="会员昵称"android:height="50px"/>编辑文本框<EditTextandroid:id="@+id/nickname"android:hint="请输入会员昵称"android:layout_width="300px"android:layout_height="wrap_content"android:inputType="textPersonName"android:singleLine="true"/>编辑文本框

（3）在表格的第二行，添加用于显示提示信息的文本框和一个输入密码的密码框。具体代码如下：

<TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="输入密码"android:height="50px"/>

<EditTextandroid:id="@+id/pwd"android:layout_width="300px"android:inputType="textPassword"android:layout_height="wrap_content"/>编辑文本框

（4）在表格的第三行，添加一个确认密码框。具体代码如下：

<TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="确认密码"android:height="50px"/><EditTextandroid:id="@+id/queren"android:layout_width="300px"android:layout_height="wrap_content"android:inputType="textPassword"/>编辑文本框

（5）在表格的第四行，添加用于显示提示信息的文本框和一个输入E-mail地址的编辑框。具体代码如下：

<TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="E-mail"android:height="50px"/><EditTextandroid:id="@+id/email"android:layout_width="300px"android:layout_height="wrap_content"android:inputType="textEmailAddress"/>编辑文本框

（6）添加一个水平线性布局管理器，并在该布局管理器中添加两个按钮。具体代码如下：

<LinearLayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:orientation="horizontal">

<Buttonandroid:text="注册"android:layout_width="wrap_content"android:layout_height="wrap_content"android:id="@+id/button1"/>编辑文本框<Buttonandroid:text="重置"android:layout_width="wrap_content"android:layout_height="wrap_content"android:id="@+id/button2"/></LinearLayout>编辑文本框<Buttonandroid:text="重置"android:layout_width="wrap_content"android:layout_height="wrap_content"android:id="@+id/button2"/></LinearLayout>（7）在主活动onCreate()方法中，为“注册”按钮添加单击事件监听器，用于在用户单击“注册”按钮后查看日志，查看输入的内容。具体代码如下：编辑文本框publicclassMainActivityextendsActivity{ @Override protectedvoidonCreate(BundlesavedInstanceState){ super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Buttonbutton1=(Button)findViewById(R.id.button1); button1.setOnClickListener(newOnClickListener(){

编辑文本框@Override publicvoidonClick(Viewv){ //获取会员昵称编辑框组件

EditTextnicknameET=(EditText)findViewById(R.id.nickname); //获取输入的会员昵称

Stringnickname=nicknameET.getText().toString(); //获取密码编辑框组件

EditTextpwdET=(EditText)findViewById(R.id.pwd); //获取输入的密码

编辑文本框Stringpwd=pwdET.getText().toString(); //获取E-mail编辑框组件

EditTextemailET=(EditText)findViewById(R.id.email); //获取输入E-mail的地址

Stringemail=emailET.getText().toString(); } }); }}

编辑文本框在模拟器上运行以后，结果显示如图13.2所示。

编辑文本框主讲内容主讲内容Speechcontent13.1编辑文本框13.2文本框13.3按钮在Android中，普通按钮其基本的语法格式如下：<Buttonandroid:text=”显示文本”android:id=”@+id/button1”android:layout_width=”wrap_content”android:layout_height=”wrap_content”></Button>按钮在屏幕上添加按钮后，还需要为按钮添加单击事件监听器，才能让按钮发挥其特有的用途。Android中提供了两种为按钮添加单击事件监听器的方法。一种是在Java代码中完成，例如，在Activity的onCreate()方法中完成。具体代码如下：按钮importandroid.view.View.OnClickListener;Importandroid.widget.Button;//通过ID获取布局文件中添加的按钮Buttonlogin=(Button)findViewById(R.id.login);//为按钮添加单击事件监听器login.setOnClickListener(newOnClickListener(){@OverridepublicvoidonClick(Viewv){//编写要执行的动作代码

}});按钮

另一种是在Activity中编写一个包含View类型参数的方法，并且将要触发的动作代码放在该方法中，然后在布局文件中通过android:onClick属性指定对应的方法名实现。例如，在Activity中编写一个名为myClick()的方法，关键代码如下：publicvoidmyClick(Viewview){//编写要执行的动作代码}按钮在Android中，图片按钮与普通按钮的使用方法是基本相同的，只不过图片按钮使用<ImageButton>标记定义，并且可以为其指定android:src属性，用于设置要显示的图片。在布局文件中添加图像按钮的基本语法格式如下：<ImageButtonandroid:id=”@+id/imageButton1”android:src=”@drawable/图片文件名称”android:background=”#000”android:layout_width=”wrap_content”android:layout_height=”wrap_content”></ImageButton>按钮例3：实现添加普通按钮和图片按钮，并为其设置单击事件监听器。（1）修改新建项目下的布局文件，删除布局文件中的默认内容，添加水平线性布局管理器，在该布局管理器中添加一个普通按钮（id属性为login）和一个图片按钮，并为图片按钮设置android:src属性、android:background属性和android:onClick属性。具体代码如下：按钮<?xmlversion="1.0"encoding="utf-8"?><LinearLayoutxmlns:android="/apk/res/android"android:layout_width="wrap_content"android:layout_height="wrap_content"android:orientation="horizontal"><Buttonandroid:id="@+id/login"android:layout_w