《Monkey Android》第10课TextView和EditText

GitOPEN

发布于 2019-01-29 10:58:42

5850

发布于 2019-01-29 10:58:42

文章被收录于专栏：来自GitOPEN的技术文摘

通过本节课可以学习到的内容：

TextView的用法
EditText的用法
登陆框实例

实例代码:

运行效果参见本课程示例App：安卓猴Demos
github地址：https://github.com/git0pen/MonkeyAndroid

TextView的用法

顾名思义，TextView就是文字视图，即显示文字的控件。

TextView的xml写法：

<TextView
  android:id="@+id/tv_login"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:autoLink="all"
  android:background="@android:color/holo_green_dark"
  android:text="登陆Login"
  android:textAllCaps="true"
  android:textColor="@android:color/holo_red_dark"
  android:textSize="30sp"
  android:textStyle="bold"
  />

在Activity中的onCreate方法中使用它：

TextView mTextView = (TextView) findViewById(R.id.tv_login);
mTextView.setText("我是登陆框");

EditText的用法

输入文本框，它是用户和Android系统进行数据交换的窗口。

EditText有几个特点：

EditText是TextView的之类，所以TextView的方法和特性同样存在于EditText中；
有两个常用的监听事件：addTextChangedListener 和 setOnEditorActionListener;

下面的代码，实现了一个只有界面的登陆框：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:gravity="center"
  android:orientation="vertical"
  android:weightSum="1"
  >


  <TextView
    android:id="@+id/tv_login"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:autoLink="all"
    android:background="@android:color/holo_green_dark"
    android:text="登陆Login"
    android:textAllCaps="true"
    android:textColor="@android:color/holo_red_dark"
    android:textSize="30sp"
    android:textStyle="bold"
    />


  <TableLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@id/image_view"
    android:layout_margin="16dp"
    android:stretchColumns="1"
    >


    <TableRow
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      >

      <TextView
        android:id="@+id/text_view_uname"
        android:layout_column="0"
        android:text="用户名："
        android:textSize="16sp"

        />

      <EditText
        android:id="@+id/et_uname"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_column="1"
        android:hint="不能为空"
        />
    </TableRow>

    <TableRow
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      >

      <TextView
        android:id="@+id/text_view_pwd"
        android:layout_column="0"
        android:text="密码："
        android:textSize="16sp"
        />

      <EditText
        android:id="@+id/et_pwd"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_column="1"
        android:ems="10"
        android:hint="不能为空"
        android:inputType="textPassword"
        />
    </TableRow>

    <TableRow
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      >

      <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_column="0"
        android:layout_gravity="right"
        android:layout_span="2"
        android:orientation="horizontal"
        >

        <Button
          android:id="@+id/btn_login"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="登陆"
          />

        <Button
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="注册"
          />

      </LinearLayout>

    </TableRow>


  </TableLayout>


</LinearLayout>