覆盖中带有 wrap_content 的 TextView 未扩展到完整内容宽度

Posted 2023-04-18

【中文标题】覆盖中带有 wrap_content 的 TextView 未扩展到完整内容宽度

【英文标题】：TextView with wrap_content in overlay not extending to full content width

【发布时间】：2021-11-01 22:34:42

【问题描述】：

在我的应用程序中，我有一个带有 TextView 的叠加层，它具有动态的文本大小和内容，并且可以使用触摸来移动。目标是使叠加层与文本大小相同。使用 WRAP_CONTENT 进行叠加，不会将包含文本的 LinearLayout 扩展到文本的全宽。

该示例加载与 Activity 的内容视图和叠加层相同的布局。 使用 MATCH_PARENT，可以在 Overlay 中显示完整的 TextView，但这会使覆盖不能用于触摸事件，因为可以触摸整个宽度。如果没有 LinearLayout，它也不会扩展到整个宽度。 当向文本添加更多行时，对于小于此最大宽度的宽度 wrap_content 可以按预期工作，而对于高度 wrap_content 可以按预期工作于整个设备高度。

如何将 TextView 扩展到文本的全宽，而不使 TextView 或 LinearLayout 比文本更宽？

示例如下所示：

MainActivity.kt：

class MainActivity : AppCompatActivity() 
    override fun onCreate(savedInstanceState: Bundle?) 
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val view = LayoutInflater.from(this).inflate(R.layout.activity_main, null)

        val params = WindowManager.LayoutParams(
            WindowManager.LayoutParams.WRAP_CONTENT,
            WindowManager.LayoutParams.WRAP_CONTENT,
            WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY,
            0,
            PixelFormat.TRANSLUCENT
        )
        params.gravity = Gravity.START

        (getSystemService(WINDOW_SERVICE) as WindowManager).addView(view, params)
    

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_
    android:layout_
    android:background="#f66">
    <TextView
        android:layout_
        android:layout_
        android:text="This is a long test text. This is a long test text. This is a long test text. This is a long test text. This is a long test text. This is a long test text. "
        android:maxLines="1"
        android:background="#6f6" />
</LinearLayout>

（在AndroidManifest.xml中<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>是必需的）

【问题讨论】：

尝试在你的文本视图中使用这个属性：android:input type="text".

@Jamal 我试过了，但没什么区别。 inputType 也不是 TextView 的有效参数（它仅用于帮助输入）。

【参考方案1】：

等到 TextView 的布局之后添加您的叠加层。然后你可以强制你需要的宽度 - 像这样：

findViewById<TextView>(R.id.textView).doOnNextLayout  textView ->
    val view = LayoutInflater.from(this).inflate(R.layout.activity_main, null)
    val params = WindowManager.LayoutParams(
        textView.width,
        WindowManager.LayoutParams.WRAP_CONTENT,
        WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY,
        0,
        PixelFormat.TRANSLUCENT
    )
    params.gravity = Gravity.START

    val wm = getSystemService(WINDOW_SERVICE) as WindowManager
    wm.addView(view, params)

不清楚为什么添加的LinearLayout及其TextView的宽度会受到限制。

【参考方案2】：

在阅读了 Cheticamps 的答案后，我进行了更多搜索并找到了一个解决方案，该解决方案仅适用于视图的一个实例，并且会自动调整大小。

扩展TextView（或AppCompatTextView）并覆盖onMeasure：

class UnlimWidthTextView @JvmOverloads constructor(context: Context, attrs: AttributeSet? = null) : AppCompatTextView(context, attrs) 

    val unlimitedWidth = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED)

    override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) 
        super.onMeasure(unlimitedWidth, heightMeasureSpec)
    

注意这一点，因为它完全消除了对文本最大宽度的限制。

原始widthMeasureSpec 始终具有 420px 的宽度和 MeasureSpec.AT_MOST 的模式，这解释了问题中显示的行为。 我没有找到这个 420px 限制的来源。

高度具有屏幕高度-导航栏和MeasureSpec.AT_MOST的预期值，因此其行为符合预期。