android 项目练习：自己的词典app——生词本（二）

附上guthub连接：https://github.com/huburt-Hu/VocabularyBuilder

---

继续接昨天的内容，没看过的可以点击 android 项目练习：自己的词典app——生词本（一） 查看。
昨天已经把查词界面的功能代码都完成了，今天就来完成UI界面的设计，由于本身不具备太多的艺术细胞，和所花时间有限，UI界面仅仅是凸显功能，并不美观。

查词界面UI：

xml布局文件如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/searchWords_fatherLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#E5E6E0"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.app.vocabularybuilder.activity.MainActivity">

    <SearchView
        android:id="@+id/searchWords_searchView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:queryHint="请输入要查询的单词" />

    <LinearLayout
        android:id="@+id/searchWords_linerLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:visibility="invisible">

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="60dp">

            <TextView
                android:id="@+id/searchWords_key"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true"
                android:layout_alignParentStart="true"
                android:layout_alignParentTop="true"
                android:layout_marginLeft="20dp"
                android:layout_marginStart="20dp"
                android:text="abc"
                android:textSize="40dp" />
        </RelativeLayout>

        <LinearLayout
            android:id="@+id/searchWords_posE_layout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:paddingLeft="20dp">

            <ImageButton
                android:id="@+id/searchWords_voiceE"
                android:layout_width="25dp"
                android:layout_height="25dp"
                android:background="@android:color/transparent"
                android:src="@drawable/voice" />

            <TextView
                android:id="@+id/searchWords_psE"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingTop="3dp"
                android:paddingLeft="5dp"
                android:paddingRight="5dp"
                android:paddingBottom="7dp"
                android:text="@string/psE"
                android:textColor="#3B3C3D"
                android:textSize="16dp" />
        </LinearLayout>

        <LinearLayout
            android:id="@+id/searchWords_posA_layout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:paddingLeft="40dp">

            <ImageButton
                android:id="@+id/searchWords_voiceA"
                android:layout_width="25dp"
                android:layout_height="25dp"
                android:background="@android:color/transparent"
                android:src="@drawable/voice" />

            <TextView
                android:id="@+id/searchWords_psA"
                android:layout_width</