以编程方式更改视图属性答案

【问题标题】：change programmatically view propieties以编程方式更改视图属性
【发布时间】：2021-09-03 04:33:52
【问题描述】：

我是 kotlin 的新手。

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

    val btnDivide : Button = findViewById(R.id.divideInputButton)
    val btnCancel : Button = findViewById(R.id.cancelInputButton)

我正在尝试以动态方式更改 btnCancel，只是为了好玩，因为我看到（我也是 xml 的新手，所以我可能错了）在 xml 文件中我不能做类似android:layout_width="wrap_content*2" 或基于显示的类似动态内容。

所以我试图在 setContentView(R.layout.activity_main) 之后的 MainActivity.kt 中执行此操作

大多数人都喜欢做类似的事情

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

    val btnDivide : Button = findViewById(R.id.divideInputButton)
    val btnCancel : Button = findViewById(R.id.cancelInputButton)

    var paramsCancel : LinearLayout.LayoutParams = btnCancel.layoutParams as LinearLayout.LayoutParams
    var paramsDivide : LinearLayout.LayoutParams = btnDivide.layoutParams as LinearLayout.LayoutParams
    paramsCancel.width = paramsDivide.width

是一个非常糟糕的实践imo，因为我正在设置xml布局->在设备上显示它->做一些数学和操作->更改值并显示canges；因此，如果应用在setContentView(R.layout.activity_main) 和paramsCancel.width = paramsDivide.width 之前有很多待办事项，用户在使用应用的过程中会看到两种类型的 UI。

那么，有没有更好的方法以编程方式更改某些参数（如 btn.width）？如果是，那是正确的方式还是我应该完全改变主意？

在此示例中，我试图将 btnCncel 宽度设置为其他按钮的宽度，但无法正常工作（在图像中似乎还可以，但毕竟我已经在 xml 文件中使用 dp 手动更改了宽度抑郁症）。如果我将宽度设置为paramsCancel.width = 100works（通常与整数一起使用）

【问题讨论】：

标签： android xml kotlin button oncreate

【解决方案1】：

您对为什么这是不好的做法的评论：

"...用户在使用应用的过程中会看到两种类型的 UI"

不正确。

UI 布局的工作方式是有一个主线程 Looper 来处理发送给它的所有任务。每次有影响 UI 的事件时，都会向该 Looper 发送一个函数调用，并在将任何内容重绘到屏幕之前一直运行到完成。

因此，例如，如果按下按钮，则该按钮的 OnClickListener 将在主线程上调用，并在屏幕上重绘任何内容之前一直运行到完成。在侦听器函数结束时执行多少操作并不重要。这就是为什么您不应该在主线程上执行任何阻塞（耗时）操作，例如写入文件。这会在写入文件时冻结 UI。

所以即使你按顺序修改了 100 个不同按钮的布局参数和颜色，用户在函数返回之前不会看到任何变化。

onCreate() 也是如此。在onCreate() 返回之前，用户不会从您的 Activity 中看到任何内容。

如果您的计算器执行的某些计算需要很长时间，以至于您担心它会显着冻结 UI，正确的做法是首先锁定按钮（禁用它们或设置一些布尔属性，以便所有侦听器检查以确定是否它们应该可以工作），然后显示一些进度指示器，然后启动后台线程或协程来完成工作，然后当计算完成时，解锁所有内容并显示结果。

实际上，对于一个简单的计算器，您不需要这样做。这不像你在操纵一个庞大的数据集。

在 Kotlin 中设置的视图大小必须以整数像素为单位。您可以在此处搜索有关如何将dp 单位转换为像素单位的其他问题。

【讨论】：

【解决方案2】：

首先，您需要为您的 Button 将整数值转换为 DP，并使用布局参数将其应用于您的按钮。

第一步：将整数值转换为 DP：

val dip = 14f                          <- New value
val r: Resources = resources
val px = TypedValue.applyDimension(
    TypedValue.COMPLEX_UNIT_DIP,
    dip,
    r.displayMetrics
)

之后使用布局参数创建并设置更新值：

button.layoutParams = LinearLayout.LayoutParams(10, MATCH_PARENT)

【讨论】：