在Android App

时间:2017-08-09 23:44:06

标签: xamarin xamarin.android xamarin.forms

我正在尝试使用Xamarin Forms custom renderer 来增加Android项目中滑块的高度。以下代码大部分使用ScaleY

但是当我移动滑块时,阴影也会缩放,拇指变得不可见。有没有办法增加滑块的大小而不影响阴影的大小和大小?

enter image description here

自定义渲染器

[assembly: ExportRenderer(typeof(MySlider), typeof(MySliderRenderer))]
namespace CustomRenderer.Android
{
    public class MySliderRenderer : Xamarin.Forms.Platform.Android.SliderRenderer
    {
        public MySliderRenderer()
        {

        }

        protected override void OnElementChanged(ElementChangedEventArgs<Slider> e)
        {
            base.OnElementChanged(e);

            if (e.NewElement != null)
            {
                Control.ProgressDrawable.SetColorFilter(
                new PorterDuffColorFilter(
                                            Xamarin.Forms.Color.FromHex("#F50F76").ToAndroid(),
                                            PorterDuff.Mode.SrcIn));

                // Set Progress bar Thumb color
                Control.Thumb.SetColorFilter(
                    Xamarin.Forms.Color.FromHex("#F50F76").ToAndroid(),
                    PorterDuff.Mode.SrcIn);

                //Change height
                Control.ScaleY = 10;

            }
        }

        protected override void OnLayout(bool changed, int l, int t, int r, int b)
        {
            base.OnLayout(changed, l, t, r, b);
        }
    }
}

XAML

<ContentPage
xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:local="clr-namespace:CustomRenderer;assembly=CustomRenderer"
x:Class="CustomRenderer.MainPageXaml">
<StackLayout VerticalOptions="CenterAndExpand" HorizontalOptions="CenterAndExpand">
    <Label Text="Hello, Custom Renderer 444!" />
    <local:MySlider Minimum="0" Maximum="400" Value="5"  />
</StackLayout>
</ContentPage>

MySlider

public class MySlider : Xamarin.Forms.Slider
{
    public MySlider()
    {

    }
}

1 个答案:

答案 0 :(得分:1)

由于我们无法在自定义渲染器中将样式写入SeekBar,因此这是一种增加其高度的解决方法。

您应该能够创建LayerDrawable,然后您可以删除代码Control.ScaleY = 10;和代码,例如:

GradientDrawable p = new GradientDrawable();
p.SetCornerRadius(10);
p.SetColor(Color.Rgb(0x70, 0xb2, 0x3f));
ClipDrawable progress = new ClipDrawable(p, GravityFlags.Left, ClipDrawable.Horizontal);
GradientDrawable background = new GradientDrawable();
background.SetColor(Color.Rgb(0xe0, 0xe0, 0xe0));
background.SetCornerRadius(10);
LayerDrawable pd = new LayerDrawable(new Drawable[] { background, progress });
Control.SetProgressDrawableTiled(pd);