拥抱创新：摆脱Selector，开启布局文件直接写样式的新时代

2023-11-01 22:52:55

从根源改变，实现一键构建UI

当我们在构建UI界面时，通常会采用布局加selector的方式，即先设计好布局，再使用selector来指定样式。这种方法虽然简单易懂，但存在着几个问题：

效率低下： 需要在布局文件中和样式文件中分别编写代码，增加开发工作量。
维护困难： 当需要修改样式时，需要同时修改布局文件和样式文件，容易出错。
可读性差： 布局文件和样式文件分离，不利于理解和维护。

为了解决这些问题，出现了另一种新的UI构建方式——直接在布局文件中写样式。这种方式将布局和样式合二为一，大大提高了开发效率和维护性。

以一个简单的按钮为例，传统的方式需要在布局文件中编写如下代码：

<Button android:id="@+id/btn"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Button" />

而在布局文件中直接写样式的方式，则可以将样式直接写在布局文件中，如下所示：

<Button android:id="@+id/btn"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Button"
    style="@style/Button.Default" />

其中，@style/Button.Default就是按钮的样式。我们可以将按钮的样式定义在样式文件中，如下所示：

<style name="Button.Default">
    <item name="android:background">@drawable/btn_default_bg</item>
    <item name="android:textColor">@color/btn_default_text_color</item>
    <item name="android:textSize">16sp</item>
</style>