Xamarin组件包 Xamarin.ToolKit第二波

Xamarin.ToolKit第二波先来看下效果

一圆角按钮

xamarin.froms提供的标准button按钮设置了圆角和边框，都没有明显圆角样式，于是乎自己重写了渲染类。道理吧就是重写ButtonRenderer，以下代码是安卓的实现，ios也有实现且非常简单这里就不贴出来了。

 public class CustomButtonRenderer : ButtonRenderer

     {

         protected override void OnElementChanged(ElementChangedEventArgs<Button> e)

         {

             base.OnElementChanged(e);

             if (e.OldElement == null)

             {

                 var selected = new GradientDrawable();//创建drawable

                 var selectedColor = new MyGraphic.Color(Element.BackgroundColor.ToAndroid().ToArgb() + );

                 selected.SetColor(selectedColor);

                 selected.SetCornerRadius(Element.BorderRadius*);

                 selected.SetStroke((int)Element.BorderWidth, Element.BorderColor.ToAndroid());

                 var unSelected = new GradientDrawable();//创建drawable

                 unSelected.SetColor(Element.BackgroundColor.ToAndroid());

                 unSelected.SetCornerRadius(Element.BorderRadius * );

                 unSelected.SetStroke((int)Element.BorderWidth, Element.BorderColor.ToAndroid());

                 var drawable = new StateListDrawable();

                 drawable.AddState(new int[] { MyAndroid.Resource.Attribute.StatePressed },

                         selected);

                 drawable.AddState(new int[] { -MyAndroid.Resource.Attribute.StatePressed },

                         unSelected);

                 Control.SetBackgroundDrawable(drawable);

             }

         }

     }

二带图标的输入框

xamarin.froms提供的标准Entry，在安卓里面显示出来很丑只有一个下边框，且没有什么可定义的样式设置，于是乎自己重写定义一个Entry，让他具有边框，边框颜色，还有一点圆角，也可以设置左边和右边的图标

下面同样是安卓的实现代码

1 IconEntry类

  public class IconEntry : Entry

     {

         #region 静态属性

         public static readonly BindableProperty DrawLeftProperty;

         public static readonly BindableProperty DrawRightProperty;

         public static readonly BindableProperty BorderColorProperty;

         #endregion

         #region 属性

         /// <summary>

         /// 左边图标文件

         /// </summary>

         public string DrawLeft

         {

             get { return this.GetValue(DrawLeftProperty).ToString(); }

             set { SetValue(DrawLeftProperty, value); }

         }

         /// <summary>

         /// 右边图标文件

         /// </summary>

         public string DrawRight

         {

             get { return this.GetValue(DrawRightProperty).ToString(); }

             set { SetValue(DrawRightProperty, value); }

         }

         /// <summary>

         /// 边框颜色

         /// </summary>

         public Color BorderColor

         {

             get { return (Color)GetValue(BorderColorProperty); }

             set { SetValue(BorderColorProperty, value); }

         }

         #endregion

         #region 构造

         static IconEntry()

         {

             DrawLeftProperty = BindableProperty.Create<IconEntry, string>(

                 p => p.DrawLeft,

                 string.Empty,

                 BindingMode.OneWay,

                 propertyChanged: DrawLeftChangedHandler);

             DrawRightProperty = BindableProperty.Create<IconEntry, string>(

                 p => p.DrawRight,

                 string.Empty,

                 BindingMode.OneWay,

                 propertyChanged: DrawRightChangedHandler);

             BorderColorProperty = BindableProperty.Create<IconEntry, Color>(

                 p => p.BorderColor,

                 Color.Transparent,

                 BindingMode.OneWay,

                 propertyChanged: BorderColorChangedHandler);

         }

         #endregion

         #region 方法

         #region DrawLeft变化处理

         private static void DrawLeftChangedHandler(BindableObject bindable,

             string oldValue, string newValue)

         {

             if (!oldValue.Equals(newValue))

             {

                 var pageHead = (IconEntry)bindable;

                 pageHead.DrawLeft = newValue;

             }

         }

         #endregion

         #region DrawRight变化处理

         private static void DrawRightChangedHandler(BindableObject bindable,

             string oldValue, string newValue)

         {

             if (!oldValue.Equals(newValue))

             {

                 var pageHead = (IconEntry)bindable;

                 pageHead.DrawRight = newValue;

             }

         }

         #endregion

         #region BorderColor变化处理

         private static void BorderColorChangedHandler(BindableObject bindable,

             Color oldValue, Color newValue)

         {

             if (!oldValue.Equals(newValue))

             {

                 var pageHead = (IconEntry)bindable;

                 pageHead.BorderColor = newValue;

             }

         }

         #endregion 

         #endregion

     }

2 IconEntryRenderer类

 public class IconEntryRenderer : EntryRenderer

     {

         private Bitmap LeftBitmap

         {

             get

             {

                 if (Element is IconEntry)

                 {

                     var logEntry = (Element as IconEntry);

                     if (!string.IsNullOrEmpty(logEntry.DrawLeft))

                     {

                         var resStr = logEntry.DrawLeft;

                         if (resStr.Contains(".png"))

                         {

                             resStr = resStr.Replace(".png", "");

                         }

                         var id = Context.Resources.GetIdentifier(resStr,

                             "drawable",

                             Context.PackageName);

                         return  BitmapFactory.DecodeResource(Resources, id);

                     }

                 }

                 return null;

             }

         }

         private Bitmap RightBitmap

         {

             get

             {

                 if (Element is IconEntry)

                 {

                     var logEntry = (Element as IconEntry);

                     if (!string.IsNullOrEmpty(logEntry.DrawRight))

                     {

                         var resStr = logEntry.DrawRight;

                         if (resStr.Contains(".png"))

                         {

                             resStr = resStr.Replace(".png", "");

                         }

                         var id = Context.Resources.GetIdentifier(resStr,

                             "drawable",

                             Context.PackageName);

                         return BitmapFactory.DecodeResource(Resources, id);

                     }

                 }

                 return null;

             }

         }

         protected override void OnElementChanged(ElementChangedEventArgs<Entry> e)

         {

             base.OnElementChanged(e);

             if (e.OldElement == null)

             {

                 var unSelected = new GradientDrawable();//创建drawable

                 unSelected.SetCornerRadius();

                 unSelected.SetStroke(, (Element as IconEntry).BorderColor.ToAndroid());

                 unSelected.SetShape(ShapeType.Rectangle);

                 var padLeft = ;

                 if (LeftBitmap != null)

                 {

                     padLeft += LeftBitmap.Width;

                 }

                 var padRight = ;

                 if (RightBitmap != null)

                 {

                     padRight += RightBitmap.Width;

                 }

                 Control.SetPadding(padLeft, , padRight, );

                 Control.SetTextColor(Element.TextColor.ToAndroid());

                 Control.SetBackgroundColor(Element.BackgroundColor.ToAndroid());

                 Control.SetBackgroundDrawable(unSelected);

                 Control.Gravity = GravityFlags.CenterVertical;

             }

         }

         protected override void OnDraw(Canvas canvas)

         {

             base.OnDraw(canvas);

             if (LeftBitmap != null)

             {

                 canvas.DrawBitmap(LeftBitmap, 20f, (Height - LeftBitmap.Height) / 2f, new Paint());

             }

             if (RightBitmap != null)

             {

                 canvas.DrawBitmap(RightBitmap, Width-RightBitmap.Width - 20f, (Height - RightBitmap.Height) / 2f, new Paint());

             }

         }

     }

三同样如有朋友喜欢也可以付费支持下

1）支付宝： 2）微信：

如果有需要的朋友可发邮件并写明需要的组件和支付流水号：邮件地址 2543856397@qq.com，我将以邮件方式按要求发送相关文件

巴特西

Xamarin组件包 Xamarin.ToolKit第二波

最新文章

热门文章