Xamarin.Forms içinde ekrandaki resme dokunarak aksiyon alma

 Merhaba,

Mobil uygulamamızın ekranındaki resme tıkladığımızda bir aksiyon almak için alttaki kosları kullanıyoruz.

Xaml dosyamız içinde image eklerken TapGestureRecognizer tanımlıyoruz.

<AbsoluteLayout BackgroundColor="Transparent">
     <Image AbsoluteLayout.LayoutFlags="All" AbsoluteLayout.LayoutBounds="0,0,1,1" Source="{local:ImageResource VFMob.IMG.mybanner.JPG}" Aspect="AspectFill">
          <Image.GestureRecognizers>
                 <TapGestureRecognizer
                       Tapped="OnImageNameTapped"
                       NumberOfTapsRequired="1" />
           </Image.GestureRecognizers>
     </Image>
</AbsoluteLayout>

Ayrıca C# dosyamız içinde ise alttaki şekilde resme dokunulduğunda oluşacak aksiyonu tanımlıyoruz.

void OnImageNameTapped(object sender, EventArgs args)
{
    Console.WriteLine("TAPPED");
}

Resme tıklandığında konsola TAPPED basıldığını göreceksiniz.

Teşekkürler,

Cem Selmanoğulları

Xamarin.Forms Xaml dosyası içinde yuvarlak button oluşturulması

Merhaba,

Xaml dosyası içinde eklediğimiz köşeli buttonları yuvarlak hale getirebileceğimizi biliyor muydunuz ?

Burda tam yuvarlak olması için önemli nokta Width ve Height değerlerinin aynı olması. Radius değerinin ise bu değerlerin yarısı kadar olmasıdır. Alttaki örnek IOS ve Android için farklı boyutlarda button görüntüleyecek şekilde oluşturulmuştur.

<Button Clicked="NavigateButton_OnClicked" BorderColor="LightGray" BorderWidth="2" HorizontalOptions="Center" VerticalOptions="Center" ImageSource="{local:ImageResource Proj.IMG.picfile.JPG}">
           <Button.WidthRequest>
                 <OnPlatform x:TypeArguments="x:Double">
                         <On Platform="iOS">120</On>
                         <On Platform="Android,Windows">140</On>
                 </OnPlatform>
           </Button.WidthRequest>
           <Button.HeightRequest>
                 <OnPlatform x:TypeArguments="x:Double">
                         <On Platform="iOS">120</On>
                         <On Platform="Android,Windows">140</On>
                 </OnPlatform>
           </Button.HeightRequest>
           <Button.BorderRadius>
                 <OnPlatform x:TypeArguments="x:Int32">
                         <On Platform="iOS">60</On>
                         <On Platform="Android,Windows">70</On>
                 </OnPlatform>
           </Button.BorderRadius>
</Button>

Teşekkürler,

Cem Selmanoğulları

Xamarin.Forms ile ilk mobil uygulamamızı yazalım (Android/IOS)

Merhaba,

Xamarin.Forms ile ilk mobil uygulamamızı basitçe oluşturalım. VisualStudio 2019 ile yapacağımız uygulama için öncelikle yeni bir Xamarin.Forms C# projesi açıyoruz.

Solution explorer içinde Xamarin.Forms ana klasör yapısı ile birlikte Android ve IOS klasörlerinin de geldiğini göreceksiniz. Biz Xamarin.Forms ana klasörü ile ilgileneceğiz.

Projemizi test etmek için ise yine visual studio ile birlikte gelen emulatörden faydalanacağız.

Öncelikle MainPage.xaml dosyasını açıyoruz ve içine bir adet Button ekleyeceğiz.

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:d="http://xamarin.com/schemas/2014/forms/design"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             mc:Ignorable="d"
             x:Class="Mob.MainPage">

    <StackLayout>
        <Label Text="Test Sayfası!" 
           HorizontalOptions="Center"
           VerticalOptions="CenterAndExpand"
           FontSize="Large"/>
        <Button Text="Test Et" BackgroundColor="Red" BorderColor="Yellow" TextColor="White" FontSize="Large" Clicked="Test_Et" />
    </StackLayout>

</ContentPage>

Sonrasında MainPage.xaml.cs dosyasını açarak alttaki kod bloğunu MainPage sınıfı içine ekleyeceğiz. Amacımız her button tıklamada kaç kere tıklandığını hesaplamak.

int count = 0;
void Test_Et(object sender, System.EventArgs e)
{
    count++;
    ((Button)sender).Text = $"{count} defa test edildi.";
}

Son durumda MainPage.xaml.cs dosyamız alttaki şekli alıyor.

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using Xamarin.Forms;

namespace Mob
{
    [DesignTimeVisible(false)]
    public partial class MainPage : ContentPage
    {
        public MainPage()
        {
            InitializeComponent();
        }

        int count = 0;
        void Test_Et(object sender, System.EventArgs e)
        {
            count++;
            ((Button)sender).Text = $"{count} defa test edildi.";
        }
    }
}

Emulatörümüzü çalıştırdığımızda ilk uygulamamız karşınızda. TEST ET butonuna her basışınızda kaç kere test eildiğini mobil ekranına basacaktır.

Teşekkürler...