Question

我想实现自己的自定义按钮样式。每当按钮改变状态时（从启用到禁用，即。），样式必须改变。

我目前的解决方案是在Android中定义样式，我的自定义ButtonRenderer将此样式应用于按钮。

Button_Style.xml：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:state_pressed="true" >
    <shape>
      <solid
          android:color="#d7d7d7" />
      <stroke
          android:width="1dp"
          android:color="#d7d7d7" />
      <corners
          android:radius="6dp" />
      <padding
          android:left="10dp"
          android:top="10dp"
          android:right="10dp"
          android:bottom="10dp" />
    </shape>
  </item>
  <item android:state_enabled="false">
    <shape>
      <solid
          android:color="#efefef" />
      <stroke
          android:width="1dp"
          android:color="#efefef" />
      <corners
          android:radius="6dp" />
      <padding
          android:left="10dp"
          android:top="10dp"
          android:right="10dp"
          android:bottom="10dp" />
    </shape>
  </item>
  <item>
    <shape>
      <gradient
          android:startColor="#d7d7d7"
          android:endColor="#d7d7d7"
          android:angle="270" />
      <stroke
          android:width="1dp"
          android:color="#d7d7d7" />
      <corners
          android:radius="6dp" />
      <padding
          android:left="10dp"
          android:top="10dp"
          android:right="10dp"
          android:bottom="10dp" />
    </shape>
  </item>
</selector>

自定义渲染器：

using FrameworkForms.UserControl;
using Xamarin.Forms;
using Xamarin.Forms.Platform.Android;
using Color = Android.Graphics.Color;

[assembly: ExportRenderer(typeof(CustomButton), typeof(FrameworkForms.Droid.Renderer.CustomizedButtonRenderer))]
namespace FrameworkForms.Droid.Renderer
{
    public class CustomizedButtonRenderer : ButtonRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<Button> e)
        {
            base.OnElementChanged(e);
            if (Control != null)
            {
                Control.SetBackgroundResource(Resource.Drawable.button_style);
                Control.SetAllCaps(false);
                if (!Control.Enabled)
                {
                    Control.SetTextColor(Color.ParseColor("#858585"));
                }
            }
        }
    }
}

我的按钮启用属性有绑定。问题非常明显，一旦属性发生变化，按钮就不会再次渲染并保持前一状态的文本颜色。

我对Xamarin.Forms中的样式做了一些研究。似乎动态样式应该为我做，但我想为我的所有按钮（如全球风格）。我可以以某种方式结合它们吗？或者这是一个更好的解决方案？值得一提的是，我不介意再次为iOS实现整个事情。不管怎样，它会有所不同。所以Android xml-Styles也会这样做。

感谢。

Answer 1

如果您想在IsEnabled属性更改时更改内容，则需要覆盖OnElementPropertyChanged：

    protected override void OnElementPropertyChanged(object sender, PropertyChangedEventArgs e)
    {
        base.OnElementPropertyChanged(sender, e);
        if(e.PropertyName == "IsEnabled")
        {
            if(Element.IsEnabled)
            {
                Control.SetTextColor(Color.ParseColor("#858585"));
                Control.SetBackgroundResource(Resource.Drawable.YourEnabledResource);
            }
            else
            {
                Control.SetTextColor(Element.TextColor.ToAndroid());
                Control.SetBackgroundResource(Resource.Drawable.YourDisabledResource);
            }
        }
    }

然后，您可以创建两个可绘制的xml文件，以定义启用和禁用的不同资源。我相应地将它们命名为YourEnabledResource和YourDisabledResource。

Xamarin.Forms动态按钮样式

1 个答案: