CuongNV
61 lines
2.3 KiB
Markdown
61 lines
2.3 KiB
Markdown
# Typing Preview - Summary
|
|
|
|
## Muc tieu da thuc hien
|
|
|
|
- Tach logic `typingPreview` ra class rieng de de tai su dung.
|
|
- Lien ket lai logic giua `ChatInputHandler` va `TypingPreviewController`.
|
|
- Dieu chinh co che hien/an theo yeu cau mobile keyboard.
|
|
|
|
## Cac file da cap nhat
|
|
|
|
- `Assets/Scripts/TypingPreviewController.cs`
|
|
- `Assets/Scripts/ChatInputHandler.cs`
|
|
|
|
## Noi dung da lam
|
|
|
|
### 1) Tach typing preview thanh class rieng
|
|
|
|
- Tao class `TypingPreviewController` de quan ly:
|
|
- Hien/an preview (`typingPreviewRoot`)
|
|
- Cap nhat text preview realtime (`typingPreviewText`)
|
|
- Dinh vi preview theo offset keyboard (`typingPreviewRect`, `previewVerticalOffset`)
|
|
|
|
### 2) Lien ket voi ChatInputHandler
|
|
|
|
- `ChatInputHandler` giu `SerializeField`:
|
|
- `TypingPreviewController typingPreview`
|
|
- Moi khi input thay doi text, `ChatInputHandler` lay message body (bo prefix kenh/whisper) roi day sang controller de cap nhat preview.
|
|
- Khi clear input, preview duoc cap nhat lai ngay de an dung trang thai.
|
|
|
|
### 3) Co che mobile keyboard (cap nhat moi nhat)
|
|
|
|
- Da chuyen logic check keyboard vao thang `TypingPreviewController`:
|
|
- `IsMobileKeyboardVisible()`
|
|
- `GetVisibleKeyboardHeight()`
|
|
- `ChatInputHandler` da bo cac ham keyboard-check khong con dung.
|
|
- `ChatInputHandler` chi can goi `typingPreview.UpdatePreview(isFocused, body)`.
|
|
- `ChatInputHandler.Update()` van refresh moi frame de bat kip luc keyboard mo/dong.
|
|
- Rule hien moi nhat:
|
|
- Keyboard mobile vua mo la preview show ngay (neu input dang focus), khong can cho co ky tu.
|
|
|
|
## Hanh vi hien tai
|
|
|
|
- Preview chi hien khi:
|
|
- Dang o mobile
|
|
- Keyboard dang mo
|
|
- Input dang focus
|
|
- Khong con yeu cau body phai khong rong (show ngay khi keyboard mo).
|
|
- Khi tat keyboard, preview an ngay.
|
|
- Khi mo lai keyboard, noi dung da go truoc do van con trong input va preview hien lai dung noi dung.
|
|
|
|
## Emoji tren preview
|
|
|
|
- Hien tai preview duoc set text truc tiep tu `body`, nen neu `body` co TMP sprite tag thi co the hien emoji.
|
|
- Luu y cau hinh component:
|
|
- `typingPreviewText` dang de kieu `TMP_InputField` trong `TypingPreviewController`.
|
|
- Neu muon on dinh cho muc dich "preview display", nen doi sang `TMP_Text` hoac `TextMeshProUGUI`.
|
|
|
|
## Ghi chu
|
|
|
|
- Da kiem tra lint sau cac lan sua, khong phat hien loi lint moi tren cac file da chinh.
|