첨부 소스 코드는 나눔고딕코딩 폰트를 사용합니다.
728x90
반응형
728x170

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,10,*">
        <Grid Grid.Row="0"
            ColumnDefinitions="*,10,Auto">
            <Entry x:Name="valueEntry" Grid.Column="0" />
            <Button x:Name="calculateButton" Grid.Column="2"
                WidthRequest="100"
                Text="계산" />
        </Grid>
        <WebView x:Name="webView" Grid.Row="2">
            <WebView.Source>
                <HtmlWebViewSource>
                    <HtmlWebViewSource.Html>
<![CDATA[
<html>
<body>
<script type="text/javascript">
function factorial(num)
{
    if(num === 0 || num === 1)
    {
        return 1;
    }

    for(var i = num - 1; i >= 1; i--)
    {
        num *= i;
    }

    return num;
}
</script>
<h1>.NET MAUI</h1>
<p>Welcome to WebView.</p>
</body>
</html>
]]>
                    </HtmlWebViewSource.Html>
                </HtmlWebViewSource>
            </WebView.Source>
        </WebView>
    </Grid>
</ContentPage>

 

728x90

 

▶ MainPage.xaml.cs

namespace TestProject;

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

    #region 생성자 - MainPage()

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

        this.calculateButton.Clicked += calculateButton_Clicked;
    }

    #endregion

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

    #region 계산 버튼 클릭시 처리하기 - calculateButton_Clicked(sender, e)

    /// <summary>
    /// 계산 버튼 클릭시 처리하기
    /// </summary>
    /// <param name="sender">이벤트 발생자</param>
    /// <param name="e">이벤트 인자</param>
    private async void calculateButton_Clicked(object sender, EventArgs e)
    {
        int value = int.Parse(this.valueEntry.Text);

        string result = await this.webView.EvaluateJavaScriptAsync($"factorial({value})");

        await DisplayAlert("INFORMATION", $"Factorial of {value} is {result}.", "확인");
    }

    #endregion
}
728x90
반응형
그리드형(광고전용)
Posted by icodebroker

댓글을 달아 주세요