Xamarin.forms 设置选择器类列表视图的样式

很抱歉，我问了一个看起来很明显的问题，但在使用选择器时，我无法设置列表视图/内容的属性（例如背景色）

在展开列表以选择内容之前，选择器属性会设置您所看到的样式，但我无法看到或找到如何影响后者

在我的XAML示例中，选择器的折叠视图样式正确，但是当它打开时，背景是白色/透明的

对不起，我已经在许多链接，只是找不到的信息

        <Picker
            VerticalOptions="CenterAndExpand"
            Grid.Column="1"
            Grid.Row="1"
            Title="PICKER"
            BackgroundColor="Transparent"
            TitleColor="White"
            FontSize="Medium"
            Style="{StaticResource AlphabetPicker}"
            x:Name="AlphabetPicker" 
            ItemsSource="{Binding Alphabet}" 
            SelectedIndexChanged="GetLetterSelected"
            HorizontalOptions="Start">

---

您可以使用自定义渲染器

我遵循链接中的代码：

MyPicker.cs

public class MyPicker : Xamarin.Forms.Picker
{
}

MyPickerRenderer.cs

[assembly: ExportRenderer(typeof(MyPicker), typeof(MyPickerRenderer))]
namespace XamarinDemo.Droid.Renderer
{
class MyPickerRenderer : PickerRenderer
{
    IElementController ElementController => Element as IElementController;
    public MyPickerRenderer(Context context) : base(context)
    {

    }

    private AlertDialog _dialog;

    protected override void OnElementChanged(ElementChangedEventArgs<Xamarin.Forms.Picker> e)
    {
        base.OnElementChanged(e);
        if (e.NewElement == null || e.OldElement != null)
            return;

        Control.Click += Control_Click;
    }

    protected override void Dispose(bool disposing)
    {
        Control.Click -= Control_Click;
        base.Dispose(disposing);
    }

    private void Control_Click(object sender, EventArgs e)
    {
        Xamarin.Forms.Picker model = Element;

        var picker = new NumberPicker(Context);
        if (model.Items != null && model.Items.Any())
        {
            // set style here
            picker.MaxValue = model.Items.Count - 1;
            picker.MinValue = 0;
            picker.SetBackgroundColor(Android.Graphics.Color.Yellow);
            picker.SetDisplayedValues(model.Items.ToArray());
            picker.WrapSelectorWheel = false;
            picker.Value = model.SelectedIndex;
        }

        var layout = new LinearLayout(Context) { Orientation = Orientation.Vertical };
        layout.AddView(picker);

        ElementController.SetValueFromRenderer(VisualElement.IsFocusedProperty, true);

        var builder = new AlertDialog.Builder(Context);
        builder.SetView(layout);

        builder.SetTitle(model.Title ?? "");
        builder.SetNegativeButton("Cancel  ", (s, a) =>
        {
            ElementController.SetValueFromRenderer(VisualElement.IsFocusedProperty, false);
            // It is possible for the Content of the Page to be changed when Focus is changed.
            // In this case, we'll lose our Control.
            Control?.ClearFocus();
            _dialog = null;
        });
        builder.SetPositiveButton("Ok ", (s, a) =>
        {
            ElementController.SetValueFromRenderer(Xamarin.Forms.Picker.SelectedIndexProperty, picker.Value);
            // It is possible for the Content of the Page to be changed on SelectedIndexChanged.
            // In this case, the Element & Control will no longer exist.
            if (Element != null)
            {
                if (model.Items.Count > 0 && Element.SelectedIndex >= 0)
                    Control.Text = model.Items[Element.SelectedIndex];
                ElementController.SetValueFromRenderer(VisualElement.IsFocusedProperty, false);
                // It is also possible for the Content of the Page to be changed when Focus is changed.
                // In this case, we'll lose our Control.
                Control?.ClearFocus();
            }
            _dialog = null;
        });

        _dialog = builder.Create();
        _dialog.DismissEvent += (ssender, args) =>
        {
            ElementController?.SetValueFromRenderer(VisualElement.IsFocusedProperty, false);
        };
        _dialog.Show();
    }
  }
}

[程序集：ExportRenderer（typeof（MyPicker）、typeof（MyPickerRenderer））]
命名空间XamarinDemo.Droid.Renderer
{
MyPickerRenderer类：PickerRenderer
{
IElementController元素控制器=>元素作为IElementController；
公共MyPickerRenderer（上下文）：基（上下文）
{
}
私有AlertDialog\u对话框；
受保护的覆盖无效OnElementChanged（ElementChangedEventArgs e）
{
基础。一个要素发生变化（e）；
if（e.NewElement==null | | e.OldElement！=null）
返回；
Control.Click+=Control\u Click；
}
受保护的覆盖无效处置（布尔处置）
{
Control.Click-=Control\u Click；
基地。处置（处置）；
}
私有无效控件\u单击（对象发送方，事件参数e）
{
Xamarin.Forms.Picker模型=元素；
var picker=newnumberpicker（上下文）；
if（model.Items！=null&&model.Items.Any（））
{
//在这里设置样式
picker.MaxValue=model.Items.Count-1；
picker.MinValue=0；
SetBackgroundColor（Android.Graphics.Color.Yellow）；
picker.SetDisplayedValues（model.Items.ToArray（））；
picker.WrapSelectorWheel=假；
picker.Value=model.SelectedIndex；
}
变量布局=新线性布局（上下文）{Orientation=Orientation.Vertical}；
布局。添加视图（选择器）；
ElementController.SetValueFromRenderer（VisualElement.IsFocusedProperty，true）；
var builder=新建AlertDialog.builder（上下文）；
builder.SetView（布局）；
builder.SetTitle（model.Title？？）；
builder.SetNegativeButton（“取消”，（s，a）=>
{
ElementController.SetValueFromRenderer（VisualElement.IsFocusedProperty，false）；
//当焦点改变时，页面内容可能会改变。
//在这种情况下，我们将失去控制。
控件？.ClearFocus（）；
_dialog=null；
});
builder.SetPositiveButton（“确定”，（s，a）=>
{
ElementController.SetValueFromRenderer（Xamarin.Forms.Picker.SelectedIndexProperty，Picker.Value）；
//可以在SelectedIndexChanged上更改页面内容。
//在这种情况下，元素和控件将不再存在。
if（元素！=null）
{
如果（model.Items.Count>0&&Element.SelectedIndex>=0）
Control.Text=model.Items[Element.SelectedIndex]；
ElementController.SetValueFromRenderer（VisualElement.IsFocusedProperty，false）；
//当焦点改变时，页面内容也可能改变。
//在这种情况下，我们将失去控制。
控件？.ClearFocus（）；
}
_dialog=null；
});
_dialog=builder.Create（）；
_dialog.DismissEvent+=（ssender，args）=>
{
ElementController？.SetValueFromRenderer（VisualElement.IsFocusedProperty，false）；
};
_dialog.Show（）；
}
}
}

Xaml：

     <StackLayout>
        <local:MyPicker x:Name="picker"
    Title="Select a monkey"
    TitleColor="Red">
            <Picker.ItemsSource>
                <x:Array Type="{x:Type x:String}">
                    <x:String>Baboon</x:String>
                    <x:String>Capuchin Monkey</x:String>
                    <x:String>Blue Monkey</x:String>
                    <x:String>Squirrel Monkey</x:String>
                    <x:String>Golden Lion Tamarin</x:String>
                    <x:String>Howler Monkey</x:String>
                    <x:String>Japanese Macaque</x:String>
                </x:Array>
            </Picker.ItemsSource>
        </local:MyPicker>
    </StackLayout>

狒狒
卷尾猴
蓝猴
松鼠猴
金狮狨
吼猴
日本猕猴

---

您在什么平台上遇到问题，iOS、Android或UWP？屏幕截图将有助于了解您所指的背景以及选取器的状态。它是iOS和Android两种平台，我知道布局不同（页面底部的iOS，Android会弹出窗口）对于选择器列表内容，但两者都显示为白色，我不清楚如何更改。好吧，我想这回答了我的问题，我没有遗漏任何明显的内容！乐意帮忙，别忘了接受答案。多谢各位~