主页 / user-7862339

Al John's questions

Martin Hope
Al John
Asked: 2024-11-21 23:05:39 +0800 CST
  • 6

就我使用 MAUI 的经验而言，我只使用<VerticalStackLayout/>和<HorizontalStackLayout/>来水平或垂直定位子元素。

我很少或几乎从来不用，<StackLayout/>因为我读到过它的性能可能会稍差一些。

什么时候建议使用<StackLayout/>和调整其Orientation属性？

我应该使用...

<StackLayout Orientation="Horizontal">
<StackLayout/>

<StackLayout Orientation="Vertical">
<StackLayout/>

...而不是...

<HorizontalStackLayout>
<HorizontalStackLayout/>

<VerticalStackLayout>
<VerticalStackLayout/>

...或者反过来，取决于不同的情况？

performance
Martin Hope
Al John
Asked: 2024-11-18 07:31:34 +0800 CST
  • 5

有没有办法在 .NET MAUI 8 中对齐/定位<Image/>其显示区域内Aspect="AspectFill"，或者有没有产生相同视觉效果的解决方法？

我试图获得一个宽大的显示区域，让高大的图像完全填满该区域，同时保持其纵横比。然后，图像应与其显示区域的顶部或底部对齐，因此只有图像的顶部或底部可见。输入图像的高度可能有所不同，但包装元素的高度是固定的，这就是我需要纵横比的原因。

<Border HeightRequest="100">
    <Image 
        Source="t-pose.png"
        Aspect="AspectFill"
        WidthRequest="128"/>
</Border>

完整图像：
全图

期望结果示例：
所需图像

期望结果示例 2：（
稍后添加图像）
在此处输入图片描述

image
Martin Hope
Al John
Asked: 2024-06-02 19:51:30 +0800 CST
  • 6

如何从自定义控件自己的类中获取其宽度？

我正在创建一个RangeSlider带有轨道、重叠范围和两个拇指来更改范围的自定义。在 中XAML，我可以RangeSlider通过绑定引用来获取自定义的宽度属性。就我自己而言，标签文本属性输出 352，这是RangeSlider.我想用这个宽度来进行计算，主要是确定范围的宽度以及两个拇指在这个范围端点的位置。

<ContentPage xmlns:controls="clr-namespace:NewProject1.Controls"
             ...
             .../>
    <VerticalStackLayout HorizontalOptions="Center"
                         VerticalOptions="Center">
        <Label Text="{Binding Source={x:Reference RangeSlider}, Path=Width}"/>
        <controls:RangeSlider x:Name="RangeSlider"/>
    </VerticalStackLayout>
</ContentPage>

如何从自定义控件RangeSlider类本身获取此宽度属性，例如，计算范围元素的宽度？

namespace NewProject1.Controls;

public class RangeSlider : ContentView {

    private Border Track = new Border
    {
        BackgroundColor = Colors.LightGray,
        StrokeThickness = 0,
        HeightRequest = 2,
        ZIndex = 1
    };

    private Border Range = new Border
    {
        BackgroundColor = Colors.DarkGray,
        StrokeThickness = 0,
        HeightRequest = 2,
        ZIndex = 2
    };

    private Border LeftThumb = new Border
    {
        BackgroundColor = Colors.Black,
        StrokeShape = new Ellipse(),
        StrokeThickness = 0,
        HeightRequest = 12,
        WidthRequest = 12,
        ZIndex = 3
    };

    private Border RightThumb = new Border
    {
        BackgroundColor = Colors.Black,
        StrokeShape = new Ellipse(),
        StrokeThickness = 0,
        HeightRequest = 12,
        WidthRequest = 12,
        ZIndex = 4
    };

    public RangeSlider()
    {
        this.Content = new Grid
        {
            Children =
            {
                Track,
                Range,
                LeftThumb,
                RightThumb
            },
            Padding = new Thickness(16, 3)
        };

        /**
         * My attempts to get the width of this custom control:
         */
        Range.WidthRequest = this.Width;
        Range.WidthRequest = this.Content.Width;
    }
    
    /**
     * Pan gesture handling...
     * Bindable properties...
     * etc. etc. etc.
     */
}

或者，如果适用，是否有更好的方法来计算仓位？

c#