1

私はチャットアプリに取り組んでいるのでTextView、テキストに応じて制約が変わる可能性のあるwhatsアプリのようになりたいです

だから私はメッセージレイアウトでビューツリーオブザーバーを試してみましたが、何とか機能しましたが、何かが欠けていました

 private fun adjustTimeTextView() {

        var freeSpace: Float
        var lines: Int
        val messageViewObserver = messageView.messageLayout.viewTreeObserver
        messageViewObserver.addOnGlobalLayoutListener(object : ViewTreeObserver.OnGlobalLayoutListener {

            override fun onGlobalLayout() {

                messageView.messageLayout.viewTreeObserver.removeOnGlobalLayoutListener(this)
                val viewWidth = messageView.messageLayout.width
                Log.e("message view width", viewWidth.toString())
                val layout = messageView.messageTextTextView.layout

                if (layout != null) {
                    lines = layout.lineCount
                    Log.e("line", lines.toString())

                    val offset = layout.getLineWidth(lines - 1)

                    freeSpace = viewWidth - offset
                    if (freeSpace < 220) {
                        Log.e("minmum", "low free space")
                        val constraintSet = ConstraintSet()
                        constraintSet.clone(messageView.messageLayout)
                        constraintSet.clear(messageView.messageLayout.messageTimeTextView.id, ConstraintSet.TOP)
                        constraintSet.clear(messageView.messageLayout.messageTimeTextView.id, ConstraintSet.BOTTOM)
                        constraintSet.clear(messageView.messageLayout.messageTimeTextView.id, ConstraintSet.START)
                        constraintSet.connect(
                            messageView.messageLayout.messageTimeTextView.id,
                            ConstraintSet.TOP,
                            messageView.messageLayout.messageTextTextView.id,
                            ConstraintSet.BOTTOM
                        )
                        constraintSet.applyTo(messageView.messageLayout)

                    } else {
                        if (lines > 1) {
                            val constraintSet = ConstraintSet()
                            constraintSet.clone(messageView.messageLayout)
                            constraintSet.clear(
                                messageView.messageLayout.messageTimeTextView.id,
                                ConstraintSet.START
                            )
                            constraintSet.applyTo(messageView.messageLayout)

                        }
                    }
                }
            }

        })
    }

ここに私のレイアウトxmlがあります

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
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="wrap_content"
>


<android.support.constraint.Guideline
    android:id="@+id/endGuideline"
    android:orientation="vertical"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:layout_constraintGuide_percent="0.65"/>

<android.support.constraint.Guideline
    android:id="@+id/startGuideline"
    android:orientation="vertical"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:layout_constraintGuide_percent="0.35"/>

<android.support.constraint.ConstraintLayout
    android:id="@+id/messageLayout"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:layout_constrainedWidth="true"
    android:padding="4dp"
    app:layout_constraintEnd_toStartOf="@+id/endGuideline"
    android:background="@drawable/sender_message_background"
    android:orientation="vertical"
    app:layout_constraintWidth_default="wrap"
    app:layout_constraintStart_toStartOf="parent" app:layout_constraintHorizontal_bias="0.0"
    app:layout_constraintTop_toBottomOf="@+id/messageDateTextView" android:layout_marginTop="8dp">


    <TextView
        android:id="@+id/messageTextTextView"
        tools:text="hi"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.0" android:layout_marginEnd="8dp"/>

    <TextView
        android:id="@+id/messageTimeTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="12:34 pm"
        android:textSize="12sp"
        app:layout_constraintBottom_toBottomOf="@+id/messageTextTextView"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/messageTextTextView"
        app:layout_constraintStart_toEndOf="@+id/messageTextTextView"
        android:layout_marginStart="8dp" app:layout_constraintVertical_bias="0.51"/>
</android.support.constraint.ConstraintLayout>
</android.support.constraint.ConstraintLayout>

問題は、既存のチャットを開くと、最初の画像が表示されるときの制約が長いメッセージで期待どおりに機能しなかったことですが、メッセージの編集テキストをクリックするとすぐに、すべてのチャットではなくスクリーン チャットの制約が変更されたためです。スクロールした場合、メッセージの編集テキストなどをクリックしない限り、画面上のチャットの制約は変更されません。

リスナーが不足しているか、フォーカスを要求しているか、何か他のものが欠けているか、何が欠けているか

こちらが写真1枚目 https://i.stack.imgur.com/lBdEl.png

こちらが写真その２ ここに画像の説明を入力

4

2 に答える 2