如何以xamarin形式缩放和调整路径控件的大小?

发布于 2025-01-11 04:44:39 字数 1333 浏览 0 评论 0原文

我在 Figma 中绘制了一个框架并尝试以 xamarin 形式实现它,但我无法在不同的设备尺寸上缩放它。我尝试在不使用 Aspect="Uniform" 的情况下调整它的大小,但它不起作用。

  1. Figma框架 我在 Figma 中使用 Iphone 框架来绘制形状。
  1. Xml设计 我将形状的路径从 Figma 复制到 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"
    x:Class="Mobile.WelcomePage">
    <ContentPage.Content>
        <Grid>
<Path Aspect="Uniform" Data="M51.25 307C51.25 309.12 52.2277 311.013 53.757 312.25H25C11.6071 312.25 0.75 301.393 0.75 288V25C0.75 11.6071 11.6071 0.75 25 0.75H359C372.393 0.75 383.25 11.6071 383.25 25V288C383.25 301.393 372.393 312.25 359 312.25H330.243C331.772 311.013 332.75 309.12 332.75 307V263.107C332.75 259.379 329.728 256.357 326 256.357H58C54.2721 256.357 51.25 259.379 51.25 263.107V307Z" Fill="#1098FC" Stroke="1.5"/>
        </Grid>
    </ContentPage.Content>
</ContentPage>
  1. iPhone 7 结果 下图中,形状超出了
  1. iPhone 13 屏幕尺寸的结果 在 iPhone 13 上它很好调用,但我无法调整它的大小

I draw a frame in Figma and try to implement it in xamarin form but I am unable to scale it across different device size. I try to resize it without using Aspect="Uniform" but it does not work.

  1. Figma frame
    I used Iphone frame in Figma to draw the shape.

  1. Xaml design
    I copied the Path of the shape from Figma to 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"
    x:Class="Mobile.WelcomePage">
    <ContentPage.Content>
        <Grid>
<Path Aspect="Uniform" Data="M51.25 307C51.25 309.12 52.2277 311.013 53.757 312.25H25C11.6071 312.25 0.75 301.393 0.75 288V25C0.75 11.6071 11.6071 0.75 25 0.75H359C372.393 0.75 383.25 11.6071 383.25 25V288C383.25 301.393 372.393 312.25 359 312.25H330.243C331.772 311.013 332.75 309.12 332.75 307V263.107C332.75 259.379 329.728 256.357 326 256.357H58C54.2721 256.357 51.25 259.379 51.25 263.107V307Z" Fill="#1098FC" Stroke="1.5"/>
        </Grid>
    </ContentPage.Content>
</ContentPage>
  1. iPhone 7 result
    On the image below, the shape goes beyond the screen size

  1. Iphone 13 result
    On iPhone 13 it wells called but I am unable to resize it

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

笑,眼淚并存 2025-01-18 04:44:39

Aspect="Uniform" 应该可以工作,并且根据我的测试,它实际上工作得很好。

输入图片此处描述

我建议您将 Xamarin.Forms 包更新到最新版本,然后重试。

Aspect="Uniform" is supposed to work and it actually works perfectly based on my test .

enter image description here

I suggest you update Xamarin.Forms package to the latest and try again .

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文