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

最新推荐文章于 2021-05-29 23:48:16 发布

Hubert__

最新推荐文章于 2021-05-29 23:48:16 发布

阅读量1.2w

点赞数 16

分类专栏： android andriod小练习文章标签： android app ui File

本文链接：https://blog.csdn.net/Hubert_bing/article/details/51338017

版权

本文介绍了如何在Android项目中实现词典APP的查词界面UI设计和查词发音功能。作者通过XML布局文件展示了查词界面的实现，并讨论了在UI设计中遇到的细节问题，如ScrollView的使用和软键盘的自动隐藏。此外，文章还阐述了MP3音频文件的保存和播放，包括文件存储在SD卡上的原因以及在写入文件时避免重复写入的方法。

摘要由CSDN通过智能技术生成

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