ساخت ماشین حساب در MAUI

ساخت ماشین حساب در MAUI

لینک کوتاه مقاله:

مقدمه

در این مقاله آموزشی قصد دارم به شما عزیزان یاد بدم که با استفاده از تکنولوژی نو ظهور MAUI یک ماشین حساب برنامه نویسی بکنید که قابلیت انجام چهار عمل اصلی را داشته باشد پس تا انتهای آموزش ساخت ماشین حساب در MAUI همراه من باشید.

اگر قصد دارید در Windows Form یا ConsoleApp یک ماشین حساب برنامه نویسی کنید وارد مقاله ساخت ماشین حساب با سی شارپ شوید.

ساخت ماشین حساب در MAUI

در اینجا بهتون نشون میدم که پروژه نهایی به چه شکلی ایجاد میشه و بعد نوبت به شروع کار است.

نمایش دموی پروژه ماشین حساب

در ابتدا براتون کد های Xaml رو اینجا قرار میدهم و در ادامه مرحله به مرحله کد های اپلیکیشن رو توضیح میدم.

				
					<ContentPage.Resources>
        <Color x:Key="Section">#444444</Color>
        <Color x:Key="LightFont">#d6d6d6</Color>
        <Color x:Key="DarkFont">#4fd8eb</Color>
    </ContentPage.Resources>

    <Grid Margin="15" RowDefinitions="0.3*, 0.4*, 0.3*" >
        <Frame Grid.Row="0" Padding="10" BorderColor="Transparent" BackgroundColor="{StaticResource Section}">
            <Grid RowDefinitions="0.2*, 0.8*" ColumnDefinitions="*, *">
                <Label Grid.Row="0" Grid.ColumnSpan="2" HorizontalOptions="Center" HorizontalTextAlignment="Center" Text="ماشین حساب" TextColor="{StaticResource DarkFont}"/>
                <Label x:Name="Result" FontSize="Title" Grid.Row="1" Grid.ColumnSpan="2" VerticalOptions="Center" VerticalTextAlignment="Center" HorizontalOptions="Center" HorizontalTextAlignment="Center" Text="اینجا برات جواب رو مینویسم" TextColor="{StaticResource LightFont}"/>
            </Grid>
        </Frame>

        <VerticalStackLayout Margin="0,-70,0,0" Grid.Row="1" VerticalOptions="Center" HorizontalOptions="Center" Spacing="10">
            <Grid RowDefinitions="*, *">
                <Entry Keyboard="Numeric" TextColor="White" x:Name="EntryOne" Margin="0,0,0,10" FlowDirection="RightToLeft" HorizontalOptions="Center" Grid.Row="0" Placeholder="لطفا عدد اول را وارد کنید"/>
                <Entry Keyboard="Numeric" TextColor="White" x:Name="EntryTwo" FlowDirection="RightToLeft" HorizontalOptions="Center" Grid.Row="1" Placeholder="لطفا عدد دوم را وارد کنید"/>
            </Grid>
        </VerticalStackLayout>

        <VerticalStackLayout Margin="0,-70,0,0" Grid.Row="2" Spacing="20" VerticalOptions="Center" HorizontalOptions="Center">
            <Button Clicked="Plus_Clicked" WidthRequest="300" x:Name="Plus" Text="جمع"/>
            <Button Clicked="Minus_Clicked" WidthRequest="300" x:Name="Minus" Text="تفریق"/>
            <Button Clicked="Division_Clicked" WidthRequest="300" x:Name="Division" Text="ضرب"/>
            <Button Clicked="multiplication_Clicked" WidthRequest="300" x:Name="multiplication" Text="تقسیم"/>
        </VerticalStackLayout>
    </Grid>
				
			

با استفاده از ContentPage.Resoources رنگ هایی که قصد داریم در برنامه خود استفاده کنیم را به شکل  قطعه کد انتخاب میکنیم تا در صورت نیاز فقط از نام آنها استفاده کنیم در ادامه با استفاده از آیتم RowDefinitions در Grid صفحه خود را به سه قسمت تقسیم میکنیم که گزینه اول یک Frame برای نمایش جواب است قسمت دوم برای دریافت مقادیر و در نهایت در بخش سوم دکمه های مورد نیاز را قرار میدهیم.

نکته: برای دریافت مقدار از کاربر به شکل Input باید از آیتم Entry در MAUI استفاده کرد.

برای دکمه ها و فیلد ها x:Name انتخاب کردیم تا با آن نام ها در کد بتوانیم عملیات خود را انجام دهید برای تمامی دکمه ها هم یک رویداد clicked انتخاب میکنیم و این به معنی این است که اگر دکمه توسط کاربر کلیک شد چه رویدادی رخ بدهد و در این بخش اگر clicked هر دکمه را پر کنید مانند Windows Form برای شما در قسمت کد صفحه یک بخش برای کدنویسی ایجاد میشود.

کد هر چهار دکمه جمع، تفریق، ضرب و تقسیم برای شما قرار داده میشود که باید در هرکدام از رویدادهای دکمه های مربوطه قرار دهید.

کد صفحه Main Page مربوط به عملیات چهارگانه ماشین حساب

				
					int Number1, Number2;
	public MainPage()
	{
		InitializeComponent();
	}

    private void Plus_Clicked(object sender, EventArgs e)
    {
        Number1 = int.Parse(EntryOne.Text);
        Number2 = int.Parse(EntryTwo.Text);
        Result.Text = (Number1 + Number2).ToString();
    }

    private void Minus_Clicked(object sender, EventArgs e)
    {
        Number1 = int.Parse(EntryOne.Text);
        Number2 = int.Parse(EntryTwo.Text);
        Result.Text = (Number1 - Number2).ToString();
    }

    private void Division_Clicked(object sender, EventArgs e)
    {
        Number1 = int.Parse(EntryOne.Text);
        Number2 = int.Parse(EntryTwo.Text);
        Result.Text = (Number1 * Number2).ToString();
    }

    private void multiplication_Clicked(object sender, EventArgs e)
    {
        Number1 = int.Parse(EntryOne.Text);
        Number2 = int.Parse(EntryTwo.Text);
        Result.Text = (Number1 / Number2).ToString();
    }
				
			

در ابتدا متغیر های خود را از نوع int ایجاد میکنیم به نام های Number1 و Number2 برای انجام عملیات بر روی آنها.

چون Entry ورودی ها را از نوع string دریافت میکند ما مقادیر متغیر ها را برابر قرار میدهیم با Parse شده بخش متن فیلد ها که ما در Xaml فیلد ها را تحت عنوان EntryOne و EntryOne قرار دادیم پس برای Parse کردن به شکل کد فوق عمل میکنیم.

در نهایت برای متن اینجا برات جواب رو مینویسم یک x:Name قرار میدهیم تا بتوانیم مقدار Text آن را با استفاده از کد تغییر دهیم و جواب نهایی را نمایش دهیم که ما در اینجا مقدار Result را برای این کار در نظر گرفتیم که مقدار Text آن را برابر با نتیجه عملیات گذاشتیم و چون اعداد از جنس int هستند و متن ما string پس در نهایت یک ToString هم قرار میدهیم.

اگر سوالی درباره آموزش ساخت ماشین حساب در MAUI داشتید در تماس با ما یا کامنت دوره مطرح کنید.

آخرین پست ها:

پرسش و پاسخ

اگر در مورد این مقاله سوالی داشتید در صفحه تماس با ما به اشتراک بذارید

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *