如何减小Xamarin形式的占位符的字体大小？

Question

我有一个UI，占位符文本适合搜索栏。 这是我需要的UI。

这是我的UI

这是我的自定义渲染器代码

[assembly: ExportRenderer(typeof(searchTab), typeof(StyledSearchBarRenderer))]
namespace RestaurantApp.Droid.Renderers
{
#pragma warning disable CS0618 // Type or member is obsolete
    class StyledSearchBarRenderer : SearchBarRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<SearchBar> e)
        {
            base.OnElementChanged(e);
            if (Control != null)
            {
                var color = global::Xamarin.Forms.Color.LightGray;

                var searchView = Control as SearchView;

                int searchPlateId = searchView.Context.Resources.GetIdentifier("android:id/search_plate", null, null);
                Android.Views.View searchPlateView = searchView.FindViewById(searchPlateId);
                searchPlateView.SetBackgroundColor(Android.Graphics.Color.Transparent);

                int searchIconId = Context.Resources.GetIdentifier("android:id/search_mag_icon", null, null);
                ImageView searchViewIcon = (ImageView)searchView.FindViewById<ImageView>(searchIconId);
                searchViewIcon.SetImageDrawable(null);

            }
        }
    }
#pragma warning restore CS0618 // Type or member is obsolete
}

这是我的XAML代码

 <Frame CornerRadius="10" Padding="0" OutlineColor="DarkGray" HasShadow="True" HorizontalOptions="Fill"  Margin="10,0,10,0" VerticalOptions="Center">
                <local:searchTab x:Name="searchBar"  Placeholder="Please search for a vendor or product name" PlaceholderColor="Black" TextColor="Black" HorizontalOptions="FillAndExpand" VerticalOptions="Center" />

            </Frame>

我不知道该如何解决。 有什么建议么？

Answer 1

要更改SearchView HintText ，我们需要找到SearchView EditText 。

var textView = (searchView.FindViewById(textViewId) as EditText);

现在，越来越的实例后， SearchView的EditText ，我们可以设置textView ，我们可以将所有类型的样性质的SetBackgroundColor ， SetHintTextColor ，仅举几例。

因此，您更改HintText （占位符）的代码将如下所示

var textView = (searchView.FindViewById(textViewId) as EditText);
textView.SetTextSize(12);

注意：在我们更改TextSize提示大小的同时也进行了更改。

Answer 2

首先要了解的是，用户的屏幕尺寸会根据他们使用的设备而有所不同。 将字体大小设置为绝对值会使它过于复杂。

Apple的SearchBar HIG使其指导方针简明扼要，并应为您提供有益于您的应用程序的UI（即使它仅针对Android）。 在您的示例中，您想要显示文本， Please search for a product vendor or name 。 这是由每个UI指南提供的一条指令 。 搜索栏的占位符必须是一个提示 ，例如Search ， Product ， Vendor ， Product或Vendor名称 （列表会继续显示）。

您所拥有的文本应作为标签显示在搜索栏上方，以便用户知道这是他们必须遵循的说明。 然后，在搜索栏中，您将为搜索栏显示一个简短的占位符（上面的示例）。 实际上，您可以通过在标签中添加说明来改进UI，但可以使用示例搜索字符串作为占位符（示例： Apple iPhone ），以便用户获得编写示例的示例。

或者，您可以删除“请输入...”，而只需将搜索栏占位符作为“ 产品/供应商名称” 。 用户仍然会知道按产品或供应商名称进行搜索。

进行上述操作将避免创建不必要的复杂自定义渲染器。