[Xamarin] Entry 에서 언더라인 제거 하기
Entry 의 언더라인은 디자인적으로 안보이는게 깔끔할때가 있습니다.
이를 제거하는 방법입니다.
(참고로 iOS 는 차이가 없습니다.^^;)
.Net Standard 프로젝트에 CustomEntry.cs 를 작성합니다.
using Xamarin.Forms;
namespace Test.Cntrols
{
public class CustomEntry : Entry
{
public static readonly BindableProperty HasBorderProperty =
BindableProperty.Create(nameof(HasBorder), typeof(bool), typeof(CustomEntry), true);
public bool HasBorder
{
get { return (bool)GetValue(HasBorderProperty); }
set { SetValue(HasBorderProperty, value); }
}
public CustomEntry() : base()
{
Margin = 2;
}
}
}
Xamarin.Android 프로젝트에 CustomEntryRenderer.cs 를 작성합니다.
using Android.Content;
using Android.Graphics;
using Android.Graphics.Drawables;
using Test.Cntrols;
using Test.Droid;
using Xamarin.Forms;
using Xamarin.Forms.Platform.Android;
[assembly: ExportRenderer(typeof(CustomEntry), typeof(CustomEntryRenderer))]
namespace Test.Droid
{
public class CustomEntryRenderer : EntryRenderer
{
public CustomEntryRenderer(Context context) : base(context)
{
}
protected override void OnElementChanged(ElementChangedEventArgs<Entry> e)
{
base.OnElementChanged(e);
if (Control != null)
{
if (e.NewElement != null)
{
var customEntry = (CustomEntry)e.NewElement;
if (!customEntry.HasBorder)
{
GradientDrawable gradientDrawable = new GradientDrawable();
gradientDrawable.SetColor(Android.Graphics.Color.Transparent);
Control.SetBackground(gradientDrawable);
}
}
}
}
}
}
Xamarin.iOS 프로젝트에도 CustomEntryRenderer.cs 를 작성합니다.
using UIKit;
using Test.Cntrols;
using Test.iOS;
using Xamarin.Forms;
using Xamarin.Forms.Platform.iOS;
[assembly: ExportRenderer(typeof(CustomEntry), typeof(CustomEntryRenderer))]
namespace Test.iOS
{
class CustomEntryRenderer : EntryRenderer
{
protected override void OnElementChanged(ElementChangedEventArgs<Entry> e)
{
base.OnElementChanged(e);
if (Control != null)
{
if (e.NewElement != null)
{
var customEntry = (CustomEntry)e.NewElement;
if (!customEntry.HasBorder)
{
Control.BorderStyle = UITextBorderStyle.None;
}
}
}
}
}
}
화면(xaml)에 아래처럼 작성합니다.
<cntrols:CustomEntry x:Name="testEntry"
HasBorder="False"
Placeholder = "언더라인제거Entry"
PlaceholderColor="#95969B"/>
결과
일반적인 Entry 와
언더라인을 없앤 CustomEnrty
