我正在尝试使用Xamarin Forms
custom renderer
来增加Android
项目中滑块的高度。以下代码大部分使用ScaleY
。
但是当我移动滑块时,阴影也会缩放,拇指变得不可见。有没有办法增加滑块的大小而不影响阴影的大小和大小?
自定义渲染器
[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()
{
}
}
答案 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);