如何从 Xamarin Forms UWP 中删除/替换选择器下拉图标？答案

【问题标题】：How to remove/replace picker dropdown icon from Xamarin Forms UWP?如何从 Xamarin Forms UWP 中删除/替换选择器下拉图标？
【发布时间】：2021-03-03 03:34:30
【问题描述】：

我正在使用 PCL 项目中的 Xamarin.Forms 选择器，但对于 Android 和 iOS，选择器下拉图标不可用，而对于 UWP 选择器下拉图标可用。

我有一个解决方案，它为 Android 和 iOS 平台 (https://xamgirl.com/picker-with-right-side-icon-in-xamarin-forms/) 添加了一个选择器下拉图像，我也需要对 UWP 使用相同的逻辑。所以我需要从 UWP 选择器（组合框）中隐藏当前的下拉图标，并使用自定义图像更新图标。

我想从 UWP 中的选择器中删除下拉图标因此我关注了这篇文章 -(Xamarin.Forms UWP - How to hide or change color of Picker / ComboBox dropdown arrow)

我不想在特定于平台的 App.xaml 文件中编写任何代码。但是我需要从自定义渲染器类中删除图标，有什么办法吗？或者我需要使用来自自定义渲染类的自定义图像更新该图标。

【问题讨论】：

以下答案是否有效，您对此线程是否有任何更新。

标签： xamarin xamarin.forms uwp combobox xamarin.uwp

【解决方案1】：

你可以使用这个解决方案

<Frame Padding="10">
            <StackLayout>
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="80*" />
                        <ColumnDefinition Width="20*" />
                    </Grid.ColumnDefinitions>
                    <Label Grid.Column="0" Text="{Binding Source={x:Reference MyPicker}, Path=SelectedItem.Title}" />
                    <Image Source="downdownpng.png" Grid.Column="1"/>
                </Grid>
                <Picker
                    x:Name="MyPicker"
                    ItemDisplayBinding="{Binding Title}"
                    ItemsSource="{Binding PickerItemSource}" />
                <StackLayout.GestureRecognizers>
                    <TapGestureRecognizer Tapped="TapGestureRecognizer_Tapped" />
                </StackLayout.GestureRecognizers>
            </StackLayout>
        </Frame>

在您的 .cs 中

private void TapGestureRecognizer_Tapped(object sender, EventArgs e)
    {
        MyPicker.Focus();
    }

【讨论】：

请检查 op 的要求，他想要 但我需要从 自定义渲染器 类中删除图标。

【解决方案2】：

我不想在特定于平台的 App.xaml 文件中编写任何代码。但我需要从自定义渲染器类中删除图标，

根据您的要求，您可以为选择器进行自定义渲染。并找到带有 visualtreeheler 的下拉图标，然后将其设置为 Visibility 为 Collapsed 以将其删除。或者给它具体的图表来改变它。

[assembly: ExportRenderer(typeof(Picker), typeof(CustomPickerRender))]
namespace BindablePicker.UWP
{
    public class CustomPickerRender : PickerRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<Picker> e)
        {
            base.OnElementChanged(e);

            if (Control != null)
            {
                Control.Loaded += Control_Loaded;

            }
        }

        private void Control_Loaded(object sender, RoutedEventArgs e)
        {
            var dropdown = MyFindChildByName(Control, "DropDownGlyph") as FontIcon;
            dropdown.Glyph = "\xE790";
          //dropdown.Visibility = Visibility.Collapsed;
        }

        public static DependencyObject MyFindChildByName(DependencyObject parant, string ControlName)
        {
            int count = VisualTreeHelper.GetChildrenCount(parant);

            for (int i = 0; i < count; i++)
            {
                var MyChild = VisualTreeHelper.GetChild(parant, i);
                if (MyChild is FrameworkElement && ((FrameworkElement)MyChild).Name == ControlName)
                    return MyChild;

                var FindResult = MyFindChildByName(MyChild, ControlName);
                if (FindResult != null)
                    return FindResult;
            }

            return null;
        }
    }
}

【讨论】：