上传Android项目
This commit is contained in:
321
app/src/main/res/layout/fragment_home.xml
Normal file
321
app/src/main/res/layout/fragment_home.xml
Normal file
@@ -0,0 +1,321 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<androidx.coordinatorlayout.widget.CoordinatorLayout
|
||||
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:id="@+id/rootCoordinator"
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="match_parent"
|
||||
tools:context=".ui.home.HomeFragment">
|
||||
|
||||
<!-- 原来的内容:背景 + VIP + 权益 + 按钮 -->
|
||||
<FrameLayout
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="match_parent">
|
||||
|
||||
<!-- 背景 -->
|
||||
<ImageView
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="match_parent"
|
||||
android:src="@drawable/bg"
|
||||
android:scaleType="fitXY"
|
||||
android:adjustViewBounds="true" />
|
||||
|
||||
<!-- 内容 -->
|
||||
<LinearLayout
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="wrap_content"
|
||||
android:layout_gravity="center_horizontal"
|
||||
android:orientation="vertical">
|
||||
|
||||
<!-- vip -->
|
||||
<!-- 成为会员 -->
|
||||
<ImageView
|
||||
android:id="@+id/vip"
|
||||
android:layout_width="216dp"
|
||||
android:layout_height="161dp"
|
||||
android:layout_gravity="top|center_horizontal"
|
||||
android:layout_marginTop="40dp"
|
||||
android:scaleType="fitCenter"
|
||||
android:src="@drawable/vip" />
|
||||
|
||||
<TextView
|
||||
android:id="@+id/member"
|
||||
android:layout_marginTop="28dp"
|
||||
android:layout_width="290dp"
|
||||
android:layout_height="wrap_content"
|
||||
android:textSize="18sp"
|
||||
android:textStyle="bold"
|
||||
android:textColor="#1B1F1A"
|
||||
android:layout_gravity="center_horizontal"
|
||||
android:text="Become A Member Of LOVE KEY" />
|
||||
|
||||
<TextView
|
||||
android:id="@+id/Unlock"
|
||||
android:layout_marginTop="3dp"
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
android:textSize="14sp"
|
||||
android:textColor="#1B1F1A"
|
||||
android:layout_gravity="center_horizontal"
|
||||
android:text="Unlock all functions" />
|
||||
|
||||
<!-- 权益 -->
|
||||
<LinearLayout
|
||||
android:layout_marginTop="22dp"
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="wrap_content"
|
||||
android:layout_gravity="center_horizontal"
|
||||
android:gravity="center_horizontal"
|
||||
android:orientation="horizontal">
|
||||
|
||||
<!-- 权益1 -->
|
||||
<LinearLayout
|
||||
android:layout_width="0dp"
|
||||
android:layout_height="wrap_content"
|
||||
android:layout_gravity="center_vertical"
|
||||
android:layout_weight="1"
|
||||
android:gravity="center"
|
||||
android:orientation="vertical">
|
||||
|
||||
<ImageView
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
android:src="@drawable/ai_dialogue"
|
||||
android:scaleType="fitCenter" />
|
||||
|
||||
<TextView
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
android:textSize="12sp"
|
||||
android:gravity="center"
|
||||
android:textColor="#1B1F1A"
|
||||
android:text="Wireless sub-AI dialogue" />
|
||||
</LinearLayout>
|
||||
|
||||
<!-- 权益2 -->
|
||||
<LinearLayout
|
||||
android:layout_width="0dp"
|
||||
android:layout_height="wrap_content"
|
||||
android:layout_weight="1"
|
||||
android:gravity="center"
|
||||
android:layout_gravity="center_horizontal"
|
||||
android:orientation="vertical">
|
||||
|
||||
<ImageView
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
android:src="@drawable/personalized_keyboard"
|
||||
android:scaleType="fitCenter" />
|
||||
|
||||
<TextView
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
android:textSize="12sp"
|
||||
android:gravity="center"
|
||||
android:textColor="#1B1F1A"
|
||||
android:text="Personalized keyboard" />
|
||||
</LinearLayout>
|
||||
|
||||
<!-- 权益3 -->
|
||||
<LinearLayout
|
||||
android:layout_width="0dp"
|
||||
android:layout_height="wrap_content"
|
||||
android:layout_weight="1"
|
||||
android:gravity="center"
|
||||
android:layout_gravity="center_horizontal"
|
||||
android:orientation="vertical">
|
||||
|
||||
<ImageView
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
android:src="@drawable/chat_persona"
|
||||
android:scaleType="fitCenter" />
|
||||
|
||||
<TextView
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
android:textSize="12sp"
|
||||
android:gravity="center"
|
||||
android:textColor="#1B1F1A"
|
||||
android:text="Chat persona" />
|
||||
</LinearLayout>
|
||||
|
||||
<!-- 权益4 -->
|
||||
<LinearLayout
|
||||
android:layout_width="0dp"
|
||||
android:layout_height="wrap_content"
|
||||
android:layout_weight="1"
|
||||
android:gravity="center"
|
||||
android:layout_gravity="center_horizontal"
|
||||
android:orientation="vertical">
|
||||
|
||||
<ImageView
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
android:src="@drawable/emotional_counseling"
|
||||
android:scaleType="fitCenter" />
|
||||
|
||||
<TextView
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
android:textSize="12sp"
|
||||
android:gravity="center"
|
||||
android:textColor="#1B1F1A"
|
||||
android:text="Emotional counseling" />
|
||||
</LinearLayout>
|
||||
</LinearLayout>
|
||||
|
||||
<!-- 按钮 -->
|
||||
<LinearLayout
|
||||
android:id="@+id/rechargeButton"
|
||||
android:layout_marginTop="22dp"
|
||||
android:layout_width="257dp"
|
||||
android:layout_height="57dp"
|
||||
android:layout_gravity="center_horizontal"
|
||||
android:gravity="center"
|
||||
android:background="@drawable/button_bg"
|
||||
android:elevation="4dp"
|
||||
android:orientation="horizontal">
|
||||
|
||||
<TextView
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
android:textSize="15sp"
|
||||
android:textStyle="bold"
|
||||
android:gravity="center"
|
||||
android:textColor="#1B1F1A"
|
||||
android:text="Recharge now" />
|
||||
</LinearLayout>
|
||||
|
||||
</LinearLayout>
|
||||
</FrameLayout>
|
||||
|
||||
<!-- 半透明遮罩:点击 / 下滑关闭底部盒子 -->
|
||||
<View
|
||||
android:id="@+id/view_scrim"
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="match_parent"
|
||||
android:background="#66000000"
|
||||
android:visibility="gone" />
|
||||
|
||||
<!-- 圆角底部盒子(BottomSheet) -->
|
||||
<com.google.android.material.card.MaterialCardView
|
||||
android:id="@+id/bottomSheet"
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="match_parent"
|
||||
android:layout_gravity="bottom"
|
||||
android:backgroundTint="@android:color/white"
|
||||
app:cardUseCompatPadding="false"
|
||||
app:cardElevation="8dp"
|
||||
app:cardBackgroundColor="@android:color/white"
|
||||
app:shapeAppearance="@style/ShapeAppearance.TopRoundedOnly"
|
||||
app:layout_behavior="@string/bottom_sheet_behavior">
|
||||
|
||||
<ImageView
|
||||
android:id="@+id/backgroundImage"
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="match_parent"
|
||||
android:src="@drawable/option_background"
|
||||
android:scaleType="fitXY"
|
||||
android:adjustViewBounds="true" />
|
||||
|
||||
<!-- 盒子内容 -->
|
||||
<LinearLayout
|
||||
android:orientation="vertical"
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="match_parent">
|
||||
|
||||
<!-- 顶部“可点击的头部区域”,点击可展开/收起 -->
|
||||
<LinearLayout
|
||||
android:id="@+id/bottomSheetHeader"
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="48dp"
|
||||
android:gravity="center"
|
||||
android:paddingTop="8dp"
|
||||
android:paddingBottom="8dp"
|
||||
android:orientation="vertical">
|
||||
|
||||
<!-- 小横条指示器 -->
|
||||
<View
|
||||
android:layout_width="40dp"
|
||||
android:layout_height="4dp"
|
||||
android:background="@drawable/bs_handle_bg" />
|
||||
</LinearLayout>
|
||||
|
||||
<!-- 顶部选项栏:两个选项,对应两个列表 -->
|
||||
<LinearLayout
|
||||
android:id="@+id/topTabs"
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="40dp"
|
||||
android:orientation="horizontal"
|
||||
android:gravity="center_vertical"
|
||||
android:paddingStart="16dp"
|
||||
android:paddingEnd="16dp">
|
||||
|
||||
<TextView
|
||||
android:id="@+id/tab_list1"
|
||||
android:layout_width="0dp"
|
||||
android:layout_height="match_parent"
|
||||
android:layout_weight="1"
|
||||
android:layout_marginEnd="20dp"
|
||||
android:gravity="center"
|
||||
android:text="Ranking List"
|
||||
android:textSize="14sp"
|
||||
android:textStyle="bold"
|
||||
android:textColor="#1B1F1A" />
|
||||
|
||||
<TextView
|
||||
android:id="@+id/tab_list2"
|
||||
android:layout_width="0dp"
|
||||
android:layout_height="match_parent"
|
||||
android:layout_weight="1"
|
||||
android:layout_marginStart="20dp"
|
||||
android:gravity="center"
|
||||
android:text="Persona circle"
|
||||
android:textSize="14sp"
|
||||
android:textColor="#801B1F1A" />
|
||||
</LinearLayout>
|
||||
|
||||
<!-- 第二个列表下面的标签行(数量不固定),只在第二个列表时可见 -->
|
||||
<HorizontalScrollView
|
||||
android:id="@+id/tagScroll"
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="40dp"
|
||||
android:visibility="gone"
|
||||
android:fillViewport="true"
|
||||
android:scrollbars="none"
|
||||
android:overScrollMode="never">
|
||||
|
||||
<LinearLayout
|
||||
android:id="@+id/tagContainer"
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="match_parent"
|
||||
android:orientation="horizontal"
|
||||
android:gravity="center_vertical" />
|
||||
</HorizontalScrollView>
|
||||
|
||||
<!-- 内容区:ViewPager2 里放不同的 RecyclerView(卡片列表)-->
|
||||
<androidx.viewpager2.widget.ViewPager2
|
||||
android:id="@+id/viewPager"
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="0dp"
|
||||
android:layout_weight="1" />
|
||||
|
||||
</LinearLayout>
|
||||
|
||||
</com.google.android.material.card.MaterialCardView>
|
||||
|
||||
<!-- 浮动按钮 -->
|
||||
<ImageView
|
||||
android:id="@+id/floatingImage"
|
||||
android:layout_width="92dp"
|
||||
android:layout_height="78dp"
|
||||
android:elevation="99dp"
|
||||
android:layout_gravity="center_vertical|end"
|
||||
android:layout_marginEnd="16dp"
|
||||
android:layout_marginTop="80dp"
|
||||
android:src="@drawable/floating"
|
||||
android:scaleType="centerInside" />
|
||||
|
||||
</androidx.coordinatorlayout.widget.CoordinatorLayout>
|
||||
Reference in New Issue
Block a user