chat菜单初步

This commit is contained in:
renhaoting 2025-10-27 18:40:30 +08:00
parent 9cee72e60e
commit 2e51ad024d
14 changed files with 525 additions and 2 deletions

View File

@ -3,6 +3,7 @@ package com.remax.visualnovel.ui.chat
import android.graphics.Point
import androidx.activity.viewModels
import androidx.core.view.marginTop
import androidx.lifecycle.Observer
import androidx.lifecycle.lifecycleScope
import com.alibaba.android.arouter.facade.annotation.Route
@ -16,12 +17,14 @@ import com.remax.visualnovel.utils.Routers
import com.remax.visualnovel.utils.StatusBarUtils
import com.pengxr.modular.eventbus.generated.events.EventDefineOfUserEvents
import com.remax.visualnovel.R
import com.remax.visualnovel.databinding.ActivityActorChat2Binding
import com.remax.visualnovel.databinding.ActivityActorChatBinding
import com.remax.visualnovel.entity.request.ChatSetting
import com.remax.visualnovel.event.model.OnLoginEvent
import com.remax.visualnovel.extension.countDownCoroutines
import com.remax.visualnovel.extension.launchAndLoadingCollect
import com.remax.visualnovel.extension.launchWithRequest
import com.remax.visualnovel.extension.setMargin
import com.remax.visualnovel.extension.toast
import com.remax.visualnovel.manager.nim.NimManager
import com.remax.visualnovel.ui.chat.setting.model.ChatModelDialog
@ -35,7 +38,7 @@ import kotlin.getValue
@AndroidEntryPoint
@Route(path = Routers.CHAT)
class ChatActivity : BaseBindingActivity<ActivityActorChatBinding>() {
class ChatActivity : BaseBindingActivity<ActivityActorChat2Binding>() {
private val chatViewModel by viewModels<ChatViewModel>()
private val mRecordAssist = RecordAssist()
@ -45,10 +48,12 @@ class ChatActivity : BaseBindingActivity<ActivityActorChatBinding>() {
override fun initView() {
ARouter.getInstance().inject(this)
//setToolbar(R.string.setting)
StatusBarUtils.setStatusBarAndNavBarIsLight(this, false)
StatusBarUtils.setTransparent(this)
binding.root.setMargin(topMargin = StatusBarUtils.statusBarHeight)
binding.toolbar.addRightIcon(R.mipmap.chat_title_setting)
with(binding) {
initInputPanelEvents()

View File

@ -0,0 +1,172 @@
package com.remax.visualnovel.widget.toolbar
import android.content.Context
import android.graphics.drawable.Drawable
import android.util.AttributeSet
import android.view.LayoutInflater
import android.view.View
import android.widget.ImageView
import android.widget.LinearLayout
import android.widget.TextView
import androidx.annotation.DrawableRes
import com.remax.visualnovel.R
import com.remax.visualnovel.widget.uitoken.view.UITokenImageView
import com.remax.visualnovel.widget.uitoken.view.UITokenLinearLayout
import com.remax.visualnovel.widget.uitoken.view.UITokenTextView
class BaseToolbar @JvmOverloads constructor(
context: Context,
attrs: AttributeSet? = null,
defStyleAttr: Int = 0
) : LinearLayout(context, attrs, defStyleAttr) {
private val ivBack: UITokenImageView
private val llCenter: UITokenLinearLayout
private val ivTitle: UITokenTextView
private val llRight: UITokenLinearLayout
private var onChildClickListener: ((View) -> Unit)? = null
init {
LayoutInflater.from(context).inflate(R.layout.base_toolbar_layout, this, true)
ivBack = findViewById(R.id.iv_left)
llCenter = findViewById(R.id.ll_center)
ivTitle = findViewById(R.id.iv_title)
llRight = findViewById(R.id.ll_right)
setOnChildClickListener { view ->
when (view.id) {
R.id.iv_left -> {
// 默认返回按钮处理
performBackAction()
}
// TODO - 其他子view
}
}
}
/**
* 设置标题文本
*/
fun setTitle(text: String) {
ivTitle.text = text
}
/**
* 设置标题文本
*/
fun setTitle(resId: Int) {
ivTitle.setText(resId)
}
/**
* 向中心区域添加自定义视图
*/
fun addCenterView(view: View) {
llCenter.removeAllViews()
llCenter.addView(view)
setupClickListener(view)
}
/**
* 向右侧区域添加图标
*/
fun addRightIcon(@DrawableRes resId: Int, tag: String? = null): ImageView {
val imageView = ImageView(context).apply {
setImageResource(resId)
scaleType = ImageView.ScaleType.CENTER_INSIDE
layoutParams = LinearLayout.LayoutParams(
LayoutParams.WRAP_CONTENT,
LayoutParams.WRAP_CONTENT
).apply {
setMargins(16, 0, 16, 0)
}
this.tag = tag
}
llRight.addView(imageView)
setupClickListener(imageView)
return imageView
}
/**
* 向右侧区域添加自定义视图
*/
fun addRightView(view: View, tag: String? = null) {
view.tag = tag
llRight.addView(view)
setupClickListener(view)
}
/**
* 清除右侧所有视图
*/
fun clearRightViews() {
llRight.removeAllViews()
}
/**
* 设置子视图点击监听器
*/
fun setOnChildClickListener(listener: (View) -> Unit) {
this.onChildClickListener = listener
setupClickListeners()
}
/**
* 设置返回按钮可见性
*/
fun setBackButtonVisible(visible: Boolean) {
ivBack.visibility = if (visible) View.VISIBLE else View.GONE
}
/**
* 设置返回按钮图标
*/
fun setBackButtonIcon(@DrawableRes resId: Int) {
ivBack.setImageResource(resId)
}
/**
* 设置返回按钮图标
*/
fun setBackButtonIcon(drawable: Drawable) {
ivBack.setImageDrawable(drawable)
}
/**
* 获取右侧指定tag的视图
*/
fun findRightViewByTag(tag: String): View? {
for (i in 0 until llRight.childCount) {
val child = llRight.getChildAt(i)
if (child.tag == tag) {
return child
}
}
return null
}
private fun setupClickListeners() {
setupClickListener(ivBack)
setupClickListener(llCenter)
setupClickListener(ivTitle)
// 为右侧所有子视图设置监听
for (i in 0 until llRight.childCount) {
setupClickListener(llRight.getChildAt(i))
}
}
private fun setupClickListener(view: View) {
view.setOnClickListener { v ->
onChildClickListener?.invoke(v)
}
}
private fun performBackAction() {
(context as? android.app.Activity)?.onBackPressed()
}
}

View File

@ -0,0 +1,71 @@
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@mipmap/bg_level_1_page"
android:orientation="vertical">
<com.remax.visualnovel.widget.toolbar.BaseToolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
/>
<androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/content"
android:layout_width="match_parent"
android:layout_height="0dp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toBottomOf="@+id/toolbar"
app:layout_constraintBottom_toBottomOf="parent"
>
<ImageView
android:id="@+id/iv_actor_bg"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scaleType="centerCrop"
android:src="@mipmap/splash_bg"
/>
<com.remax.visualnovel.widget.uitoken.view.UITokenTextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:textSize="@dimen/sp_18"
android:padding="@dimen/dp_10"
android:text="Chat"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
app:backgroundColorToken="@string/color_surface_element_normal"
app:radiusToken="@string/radius_pill"
app:strokeColorToken="@string/color_surface_top_normal"
app:strokeWidthToken="@string/border_divider"
app:textColorToken="@string/color_txt_secondary_press"
/>
<com.remax.visualnovel.ui.chat.InputPanel
android:id="@+id/input_panel"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
/>
</androidx.constraintlayout.widget.ConstraintLayout>
</androidx.constraintlayout.widget.ConstraintLayout>

View File

@ -0,0 +1,60 @@
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="@dimen/dp_50"
android:paddingHorizontal="@dimen/dp_16"
android:orientation="vertical">
<com.remax.visualnovel.widget.uitoken.view.UITokenImageView
android:id="@+id/iv_left"
android:layout_width="wrap_content"
android:layout_height="0dp"
android:scaleType="centerInside"
android:src="@mipmap/icon_checked"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
/>
<com.remax.visualnovel.widget.uitoken.view.UITokenLinearLayout
android:id="@+id/ll_right"
android:layout_width="wrap_content"
android:layout_height="0dp"
android:gravity="center_vertical"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
/>
<com.remax.visualnovel.widget.uitoken.view.UITokenFrameLayout
android:layout_width="0dp"
android:layout_height="0dp"
app:layout_constraintTop_toTopOf="parent"
android:layout_marginHorizontal="@dimen/dp_5"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@id/ll_right"
app:layout_constraintStart_toEndOf="@+id/iv_left" >
<com.remax.visualnovel.widget.uitoken.view.UITokenLinearLayout
android:id="@+id/ll_center"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:orientation="horizontal">
<com.remax.visualnovel.widget.uitoken.view.UITokenTextView
android:id="@+id/iv_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:textColor="@color/white"
android:textSize="@dimen/sp_14"
app:textColorToken="@string/color_surface_white_normal"
android:text="@string/hold_to_talk"
/>
</com.remax.visualnovel.widget.uitoken.view.UITokenLinearLayout>
</com.remax.visualnovel.widget.uitoken.view.UITokenFrameLayout>
</androidx.constraintlayout.widget.ConstraintLayout>

View File

@ -0,0 +1,59 @@
<?xml version="1.0" encoding="utf-8"?>
<com.remax.visualnovel.widget.uitoken.view.UITokenConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="56dp"
android:gravity="center_vertical"
android:orientation="horizontal"
app:backgroundColorToken="@string/color_surface_base_disabled"
app:radiusToken="@string/radius_l"
android:padding="@dimen/dp_12"
>
<com.remax.visualnovel.widget.uitoken.view.UITokenImageView
android:id="@+id/iv_left"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="@dimen/dp_9"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
android:src="@mipmap/setting_ai_model"
/>
<com.remax.visualnovel.widget.uitoken.view.UITokenTextView
android:id="@+id/descTv"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginHorizontal="8dp"
android:layout_weight="1"
android:ellipsize="end"
android:gravity="start"
android:maxLines="1"
android:textSize="@dimen/sp_14"
android:textColor="@color/gray6"
android:text="xxx"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@+id/iv_right"
app:layout_constraintStart_toEndOf="@+id/iv_left"
app:layout_constraintTop_toTopOf="parent"
/>
<com.remax.visualnovel.widget.uitoken.view.UITokenImageView
android:id="@+id/iv_right"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="@dimen/dp_9"
android:src="@mipmap/setting_arrow_right"
android:textSize="12sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:onlyIconFont="true"
app:textColorToken="@string/color_txt_secondary_normal"
/>
</com.remax.visualnovel.widget.uitoken.view.UITokenConstraintLayout>

View File

@ -0,0 +1,144 @@
<?xml version="1.0" encoding="utf-8"?>
<ScrollView
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/white"
>
<com.remax.visualnovel.widget.uitoken.view.UITokenLinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:padding="@dimen/dp_20"
>
<com.remax.visualnovel.widget.uitoken.view.UITokenTextView
android:id="@+id/tvTitle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="@dimen/sp_18"
android:textStyle="bold"
android:textColor="@color/black"
android:text="@string/setting"
/>
<!-- Ai model selecting related -->
<com.remax.visualnovel.widget.uitoken.view.UITokenTextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="28dp"
android:text="@string/setting_switch_model"
android:textColor="@color/gray3"
android:textSize="@dimen/sp_16"
/>
<com.remax.visualnovel.widget.uitoken.view.UITokenLinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_marginTop="10dp" >
<include
android:id="@+id/chatBubble"
layout="@layout/include_setting_item"
/>
</com.remax.visualnovel.widget.uitoken.view.UITokenLinearLayout>
<!-- Sound related -->
<com.remax.visualnovel.widget.uitoken.view.UITokenTextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="28dp"
android:text="@string/setting_sound"
android:textColor="@color/gray3"
android:textSize="@dimen/sp_16"
/>
<com.remax.visualnovel.widget.uitoken.view.UITokenLinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_marginTop="10dp" >
</com.remax.visualnovel.widget.uitoken.view.UITokenLinearLayout>
<!-- Appearancerelated -->
<com.remax.visualnovel.widget.uitoken.view.UITokenTextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="28dp"
android:text="@string/setting_appearance"
android:textColor="@color/gray3"
android:textSize="@dimen/sp_16"
/>
<com.remax.visualnovel.widget.uitoken.view.UITokenLinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_marginTop="10dp" >
</com.remax.visualnovel.widget.uitoken.view.UITokenLinearLayout>
<!-- background related -->
<com.remax.visualnovel.widget.uitoken.view.UITokenTextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="28dp"
android:text="@string/setting_background"
android:textColor="@color/gray3"
android:textSize="@dimen/sp_16"
/>
<com.remax.visualnovel.widget.uitoken.view.UITokenLinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_marginTop="10dp" >
</com.remax.visualnovel.widget.uitoken.view.UITokenLinearLayout>
<!-- history related -->
<com.remax.visualnovel.widget.uitoken.view.UITokenTextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="28dp"
android:text="@string/setting_history"
android:textColor="@color/gray3"
android:textSize="@dimen/sp_16"
/>
<com.remax.visualnovel.widget.uitoken.view.UITokenLinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_marginTop="10dp" >
</com.remax.visualnovel.widget.uitoken.view.UITokenLinearLayout>
<!-- Delete related -->
<com.remax.visualnovel.widget.uitoken.view.UITokenLinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_marginTop="28dp"
app:strokeColorToken="@string/color_outline_normal"
app:strokeWidthToken="@string/border_s"
app:backgroundColorToken="@string/color_background_specialmap"
app:radiusToken="@string/radius_round" >
<com.remax.visualnovel.widget.uitoken.view.UITokenTextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:padding="@dimen/dp_10"
android:gravity="center"
android:text="@string/setting_delete"
android:drawablePadding="@dimen/dp_10"
app:drawableLeftCompat="@mipmap/setting_delete"
android:textSize="@dimen/sp_26"
android:textColor="@color/glo_color_red_40"
/>
</com.remax.visualnovel.widget.uitoken.view.UITokenLinearLayout>
</com.remax.visualnovel.widget.uitoken.view.UITokenLinearLayout>
</ScrollView>

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 850 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 768 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@ -188,6 +188,10 @@
<color name="yellow">#FFFF00</color>
<color name="yellow_light_1">#FF8800</color>
<color name="chat_send_bg">#ff565563</color>
<color name="gray3">#ff333333</color>
<color name="gray6">#ff666666</color>
<color name="grayf6">#fff6f6f6</color>

View File

@ -462,11 +462,19 @@
<string name="about_us_desc_3">Contact Us: support@VisualNovel.ai</string>
<string name="all">All</string>
<!-- new -->
<string name="from">from</string>
<string name="hold_to_talk">Hold to Talk</string>
<string name="type_msg_hint">Type a message</string>
<string name="swipe_up_to_cancel">Swipe Up to Cancel</string>
<string name="release_to_send">Release to Send</string>
<string name="release_to_cancel">Release to Cancel</string>
<string name="setting_switch_model">Switch Model</string>
<string name="setting_sound">Sound</string>
<string name="setting_appearance">Appearance</string>
<string name="setting_background">Background</string>
<string name="setting_history">History Archives</string>
<string name="setting_delete">DELETE</string>
</resources>