這是我們的任務看板
我負責了安卓端頁面部分
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>