[C#/MAUI/.NET6] ViewExtensions 클래스 : ScaleXTo 확장 메소드를 사용해 엘리먼트 X축 확대시키기

■ ViewExtensions 클래스의 ScaleXTo 확장 메소드를 사용해 엘리먼트 X축을 확대시키는 방법을 보여준다.

TestProject.zip

0.15MB

▶ MainPage.xaml

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
    <Grid
        Margin="10"
        RowDefinitions="*,Auto">
        <Image x:Name="image" Grid.Row="0"
            WidthRequest="250"
            HeightRequest="310"
            Source="dotnet_bot.png" />
        <Button x:Name="scaleButton" Grid.Row="1"
            Margin="0,10,0,0"
            Text="확대" />
    </Grid>
</ContentPage>

 

▶ MainPage.xaml.cs

namespace TestProject;

/// <summary>
/// 메인 페이지
/// </summary>
public partial class MainPage : ContentPage
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 생성자 - MainPage()

    /// <summary>
    /// 생성자
    /// </summary>
    public MainPage()
    {
        InitializeComponent();

        this.scaleButton.Clicked += scaleButton_Clicked;
    }

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Private

    #region 확대 버튼 클릭시 처리하기 - scaleButton_Clicked(sender, e)

    /// <summary>
    /// 확대 버튼 클릭시 처리하기
    /// </summary>
    /// <param name="sender">이벤트 발생자</param>
    /// <param name="e">이벤트 인자</param>
    private async void scaleButton_Clicked(object sender, EventArgs e)
    {
        await this.image.ScaleXTo(2, 2000);

        this.image.ScaleX = 1;
    }

    #endregion
}