附上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=