Xamarin.Forms设置自定义视图的大小

Question

如何在xaml中设置自定义视图的大小，或者更具体地说，自定义BoxView的大小？目前，视图占用整个设备大小而不是请求的20x20。

这是我的xaml

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:Beltpack"
             xmlns:controls="clr-namespace:Beltpack.Views;assembly=Beltpack"
             x:Class="Beltpack.MainPage">

  <controls:bpButton Height="20" Width="20" HeightRequest="20" WidthRequest="20" />

</ContentPage>

我的按钮来自BoxView（目前没有做任何事情）

using Xamarin.Forms;

namespace Beltpack.Views {
    public class bpButton : BoxView {

        public bpButton() { }

    }

}

我的自定义渲染器

using Android.Graphics;
using Xamarin.Forms.Platform.Android;
using Xamarin.Forms;
using Beltpack.Views;
using Beltpack.Droid;

[assembly: ExportRenderer(typeof(bpButton), typeof(bpButtonRenderer))]

namespace Beltpack.Droid {
    public class bpButtonRenderer : BoxRenderer {

        public bpButtonRenderer() {}

        protected override void OnDraw(Canvas canvas) {
            bpButton btn = (bpButton)this.Element;

            Paint paint = new Paint();
            paint.Color = Android.Graphics.Color.Aqua;

            canvas.DrawCircle((int)(btn.WidthRequest * .5), (int)(btn.HeightRequest * .5), (int)(btn.WidthRequest * .5), paint);
        }        
    }
}

Answer 1

除了设置WidthRequest和HeightRequest之外，您还必须设置HorizontalOptions和VerticalOptions设置。

为什么呢？我不知道，但这是其他地方建议的解决方案，并一直为我工作。

看起来你想要它在中心，所以你可以简单地写

<controls:bpButton 
    Height="20"
    Width="20" 
    HeightRequest="20"
    WidthRequest="20"
    HorizontalOptions="Center"
    VerticalOptions="Center" />