衝刺03

艾鑫4646發表於2024-06-16

這是我們的任務看板

我負責了安卓端頁面部分

activity_child_main程式碼如下:

<?xml version="1.0" encoding="utf-8"?>
<androidx.drawerlayout.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/white"
    android:id="@+id/drawer_layout"
    tools:context=".activity.ChildMainActivity">
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <!-- 主介面內容 -->
        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:src="@drawable/char2"
            android:scaleType="centerInside"
            android:adjustViewBounds="true" />
        <ImageButton
            android:id="@+id/btn_open_history"
            android:layout_width="95dp"
            android:layout_height="100dp"
            android:layout_alignParentEnd="true"
            android:background="@android:color/transparent"
            android:scaleType="centerInside"
            android:padding="25dp"
            android:src="@drawable/history"
            android:clickable="true"
            android:focusable="true"
            android:contentDescription="TODO" />

        <ImageButton
            android:id="@+id/btn_open_setting_drawer"
            android:layout_width="95dp"
            android:layout_height="100dp"
            android:layout_alignParentStart="true"
            android:background="@android:color/transparent"
            android:scaleType="centerInside"
            android:padding="25dp"
            android:clickable="true"
            android:src="@drawable/setting"
            android:focusable="true"
            android:contentDescription="TODO" />

        <!-- 底部輸入區域 -->
        <LinearLayout
            android:id="@+id/bottom_input_area"
            android:layout_alignParentBottom="true"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="#f6f6f6"
            android:elevation="5dp"
            android:orientation="vertical">
            <TextView
                android:id="@+id/chat_answer"
                android:layout_width="match_parent"
                android:background="@color/white"
                android:layout_height="100dp"
                android:layout_margin="10dp"
                android:maxLines="4"
                android:scrollbars="vertical"
                android:overScrollMode="never"
                android:text="向她提問題吧"
                android:textSize="17dp" />
            <View
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:background="#ededed"/>
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:padding="8dp">

                <!-- 切換按鈕 -->
                <ImageButton
                    android:id="@+id/btn_toggle"
                    android:layout_width="50dp"
                    android:layout_height="50dp"
                    android:background="@android:color/transparent"
                    android:scaleType="centerInside"
                    android:layout_marginTop="10dp"
                    android:layout_marginEnd="5dp"
                    android:padding="7dp"
                    android:src="@drawable/speak" />

                <!-- 文字輸入框 -->
                <EditText
                    android:id="@+id/edit_text_input"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="10dp"
                    android:padding="10dp"
                    android:layout_weight="1"
                    android:background="@drawable/edit_text"
                    android:hint="請輸入聊天資訊" />

                <!-- 錄音按鈕,初始時隱藏 -->
                <Button
                    android:id="@+id/btn_record"
                    android:layout_width="wrap_content"
                    android:layout_height="50dp"
                    android:layout_marginTop="10dp"
                    android:padding="10dp"
                    android:background="@drawable/edit_text"
                    android:text="按住說話"
                    android:layout_weight="1"
                    android:visibility="gone" />
                <ImageButton
                    android:id="@+id/chat_button"
                    android:layout_width="50dp"
                    android:layout_height="50dp"
                    android:layout_marginTop="10dp"
                    android:scaleType="centerInside"
                    android:background="@android:color/transparent"
                    android:src="@drawable/message"
                    android:text="傳送"/>
            </LinearLayout>
        </LinearLayout>
    </RelativeLayout>


        <com.google.android.material.navigation.NavigationView
                android:id="@+id/navigation_view"
                android:layout_width="300dp"
                android:layout_height="match_parent"
                android:layout_gravity="start"
                app:menu="@menu/drawer_menu" />

        <!-- 自定義側邊彈出框佈局 -->

        <LinearLayout
            android:id="@+id/history_drawer"
            android:layout_width="400dp"
            android:layout_height="match_parent"
            android:layout_gravity="end"
            android:background="@android:color/white"
            android:elevation="16dp"
            android:orientation="vertical"
            android:visibility="gone">

            <!-- 彈出框中的內容 -->
            <include layout="@layout/history_drawer_layout" />

        </LinearLayout>

</androidx.drawerlayout.widget.DrawerLayout>