Question

我希望用户能够自定义应用程序的UI，例如允许用户将个人资料图片的形状配置为圆形或正方形。实现此目标的最佳方法是什么？

我希望避免使用两个布局文件，这些文件具有大多数常见的东西，并根据设置对其进行夸大，因为这将意味着将来再次更改相同的东西。
如果可能，我想使用数据绑定。例如。根据设置在XML文件中设置变量的值，并根据该变量包括正确的配置文件图片布局。

Answer 1

经过一个多星期的不断尝试，我提出了一个优雅的解决方案：

在XML中，我使用了数据绑定：

<data>
        <variable
            name="shape"
            type="chat.rocket.android.helper.Constants"/>
</data>
...
<com.facebook.drawee.view.SimpleDraweeView
            android:id="@+id/image_avatar"
            android:layout_width="40dp"
            android:layout_height="40dp"
            app:roundedCornerRadius='@{shape.AVATAR_SHAPE_CIRCLE ? @dimen/circle_avatar_corner_radius : @dimen/square_avatar_corner_radius}' />

由于roundedCornerRadius没有相应的setRoundedCornerRadiusIn BindingAdapters.kt，

@BindingAdapter("roundedCornerRadius")
fun setRoundedCornerRadius(view: SimpleDraweeView, height: Float) {
    val roundingParams = RoundingParams.fromCornersRadius(height)
    view.hierarchy.roundingParams = roundingParams
}

Constants.kt文件具有可配置为更改形状的常量：

object Constants {
    ...
    const val AVATAR_SHAPE_CIRCLE = true
}

在RecyclerViewAdapter中，

...
val layoutInflater = LayoutInflater.from(parent.context)
val binding: ViewDataBinding = DataBindingUtil.inflate(layoutInflater, R.layout.item_contact, parent, false)
ContactViewHolder(binding.root)
...

这是我能想到的最好的解决方案。如果有一种方法可以根据shape.AVATAR_SHAPE_CIRCLE的值来应用多个属性，那就太好了。例如。

if(shape.AVATAR_SHAPE_CIRCLE)
    apply these attr
else
    apply these attr

欢迎提出建议！

Android：允许用户自定义UI

1 个答案: