Блог

В настоящее время у меня есть пользовательский вид с двумя кнопками. Пользовательский макет представления-это

 <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <androidx.appcompat.widget.AppCompatButton
        android:id="@ id/noButton"
        android:background="@drawable/yes_no_button_unselected"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginEnd="18dp"
        android:layout_gravity="center"
        android:gravity="center"
        android:textAlignment="center"
        android:textColor="@color/colorPrimary"
        android:paddingStart="@dimen/button_hor_padding_med"
        android:paddingEnd="@dimen/button_hor_padding_med"
        android:paddingTop="@dimen/button_vert_padding_med"
        android:paddingBottom="@dimen/button_vert_padding_med"
        android:text="@string/button_no"
        android:textSize="14sp"
        android:maxLines="1"
        android:textAppearance="@style/HeaderTextViewLarge" />

    <androidx.appcompat.widget.AppCompatButton
        android:id="@ id/yesButton"
        android:background="@drawable/yes_no_button_unselected"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:gravity="center"
        android:textAlignment="center"
        android:textColor="@color/colorPrimary"
        android:paddingStart="@dimen/button_hor_padding_med"
        android:paddingEnd="@dimen/button_hor_padding_med"
        android:paddingTop="@dimen/button_vert_padding_med"
        android:paddingBottom="@dimen/button_vert_padding_med"
        android:autoSizeTextType="uniform"
        android:autoSizeMinTextSize="12sp"
        android:autoSizeMaxTextSize="20sp"
        android:autoSizeStepGranularity="2sp"
        android:text="@string/button_yes"
        android:maxLines="1"
        android:textAppearance="@style/HeaderTextViewLarge"/>

</LinearLayout>
 

и пользовательский класс представления

 package com.example.project.views

import android.content.Context
import android.content.res.TypedArray
import android.util.AttributeSet
import android.util.TypedValue
import android.view.LayoutInflater
import android.view.View
import android.widget.LinearLayout
import androidx.appcompat.widget.AppCompatButton
import androidx.core.content.ContextCompat
import com.example.project.R

class YesNoButtonView @JvmOverloads constructor(
    context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
) : LinearLayout(context, attrs, defStyleAttr) {

    enum class Button {
        YES,
        NO
    }

    private val yesButton: AppCompatButton
    private val noButton: AppCompatButton

    private var mTextSize = -1f

    init {
        orientation = HORIZONTAL

        val inflater = context.getSystemService(Context.LAYOUT_INFLATER_SERVICE) as LayoutInflater
        val view = inflater.inflate(R.layout.yes_no_button_layout, this, true)
        yesButton = view.findViewById(R.id.yesButton)
        noButton = view.findViewById(R.id.noButton)

        context.theme.obtainStyledAttributes(
            attrs,
            R.styleable.YesNoButtonView,
            0, 0)
            .apply {
                try {
                    setWidthFromAttrs(this)
                    setTextSizeFromAttrs(this)
                } finally {
                    recycle()
                }
            }
    }

    override fun onLayout(changed: Boolean, l: Int, t: Int, r: Int, b: Int) {
        super.onLayout(changed, l, t, r, b)

        if (mTextSize == -1f) {
            mTextSize = yesButton.textSize
        }

        noButton.setTextSize(TypedValue.COMPLEX_UNIT_PX, mTextSize)
        yesButton.setTextSize(TypedValue.COMPLEX_UNIT_PX, mTextSize)
    }

    private fun setWidthFromAttrs(arr: TypedArray) {
        with(arr) {
            val width = getDimensionPixelSize(R.styleable.YesNoButtonView_buttonWidth, -1)
            if (width > -1) {
                yesButton.apply {
                    layoutParams.width = width
                    textSize = 14f
                    requestLayout()
                    invalidate()
                }
                noButton.apply {
                    layoutParams.width = width
                    requestLayout()
                    invalidate()
                }
            }
        }
    }

    private fun setTextSizeFromAttrs(arr: TypedArray) {
        with (arr) {
            val textSize = getDimensionPixelSize(R.styleable.YesNoButtonView_buttonTextSize, -1)
            if (textSize > -1) {
                yesButton.setTextSize(TypedValue.COMPLEX_UNIT_PX, textSize.toFloat())
                noButton.setTextSize(TypedValue.COMPLEX_UNIT_PX, textSize.toFloat())
            }
        }
    }

    fun configureButton(button: Button, isSelected: Boolean) {
        val btn = when (button) {
            Button.YES -> yesButton
            Button.NO -> noButton
        }

        btn.setBackgroundResource(
            if(isSelected) R.drawable.yes_no_button_selected else R.drawable.yes_no_button_unselected
        )

        btn.setTextColor(
            ContextCompat.getColor(context,
                if (isSelected) R.color.colorWhite else R.color.colorPrimary
            )
        )

        // We need to describe the ticked/un-ticked state for these buttons for accessibility...
        btn.contentDescription = context.getString(
            if (isSelected) R.string.ticked else R.string.not_ticked)  
                ". "   // Period adds a pause
                btn.text

        btn.setTextSize(TypedValue.COMPLEX_UNIT_PX, mTextSize)
    }

    fun onNoButtonClicked(lambda: (View) -> Unit) {
        noButton.setOnClickListener(lambda)
    }

    fun onYesButtonClicked(lambda: (View) -> Unit) {
        yesButton.setOnClickListener(lambda)
    }

    fun enhanceContentDescription(button: Button, description: String) {
        val btn = when(button) {
            Button.YES -> yesButton
            Button.NO -> noButton
        }
        btn.contentDescription = description
    }

    fun getYesText(): CharSequence = yesButton.text

    fun getNoText(): CharSequence = noButton.text

}
 

Когда я включаю это представление во фрагмент, если я нажимаю на любую из кнопок, текст на обеих смещается влево. При возврате к предыдущему фрагменту и возвращении назад положение текста сбрасывается в центр. Есть идеи, почему это произошло и как это исправить?

ИЗМЕНИТЬ: Мой код обратного вызова onClick-это

 yesNoView.onNoButtonClicked {
    yesNoView.configureButton(YesNoButtonView.Button.NO, true)
    yesNoView.configureButton(YesNoButtonView.Button.YES, false)
}
yesNoView.onYesButtonClicked {
    yesNoView.configureButton(YesNoButtonView.Button.NO, false)
    yesNoView.configureButton(YesNoButtonView.Button.YES, true)
}