如何在Xamarin中实现带有尾随图标的材料概述文本字段。表格

Question

我一直试图在Xamarin Forms中为我的应用程序实现视觉效果。现在，我专注于带有尾随图标的概述文本字段。我已经研究了customrenderer，但是在Xamarin文档，论坛或任何nuget包中都找不到任何答案。在这方面的任何帮助将不胜感激。

期望的结果

如在材料网站上看到：https://material.io/components/text-fields

Answer 1

您可以使用CustomRenderer实现它，您可以参考similar case

如果要添加尾随图标，只需将android:drawableEnd添加到EditText，例如：

<android.support.design.widget.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox">
    <EditText
        android:id="@+id/editText1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Label"
        android:drawableEnd="@drawable/tab_about"//add a trailing icon
        android:outlineSpotShadowColor="@color/cardview_shadow_start_color"/>
</android.support.design.widget.TextInputLayout>

Answer 2

您可以使用MaterialDesignControlsPlugin，它具有TrailingIcon和Outlined属性

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9yYXcuZ2l0aHVidXNlcmNvbnRlbnQuY29tL0hvcnVzU29mdHdhcmVVWS9NYXRRcimlcbZZY1Z2Y9Z1Z2L9Z2L9Z2L9Z1Z2Y2Z1Y2Z2Y2Y2Y1J2Y2Y1J2Y1J2Y2Y1J2Y2Y1J2Y1C9Y1C9Y2C9Y2C9Y1C9L9C9Z1Z