xamarin logo

Xamarin Kullanıcı Giriş Tasarımı Oluşturma

Herkese merhaba arkadaşlar, daha önce Xamarin hakkında bilgi vermiştim. Bu yazımda da basit bir kullanıcı giriş sayfası yapalım. xamarin giriş formu

Ben proje anlatımı için kısa bir örnek yapacağım için sadece Android seçtim siz isterseniz tamamını seçebilirsiniz. Üst kısımdan da blank zaten seçili gelmiş durumda. Okey deyip projemizi açıyoruz.

xamarin açılış

Bizi bu şekilde bir ekran karşılıyor burada StackLayout içerisine iki giriş ekleyeceğiz. Birisi Kullanıcı Adı diğeri ise Şifre için olacak. Daha sonra da Giriş Yap Butonu ekleyeceğiz.

xamarin kullanıcı giriş 1

<Label> etiketi bize metin girmemizi sağlıyor.

<Entry> etiketi bize giriş değeri almamız için boş alan veriyor.

<Button> etiketi ile de buton ekleyebiliyoruz.

Eğer şifrenizin görünür olmasını istemiyorsanız IsPassword=”True” yapmanız yeterli olacaktır.

 

Gelin şimdide biraz desen verelim.

xamarin kullanıcı giriş 2

VerticalOptions = Dikeyde hizalamayı sağlar. Biz Center diyerek merkezde olmasını istedik.

HorizontalOptions = Yatayda hizalamayı sağlar. Biz Center diyerek boydan boya bir giriş değil sayfa ortasında olmasını istedik.

BackgroundColor = Arka plan rengi biz butonumuzun arka plan rengini yeşil yaptık.

Kullanıcı Giriş Sayfası’nın daha büyük görünmesi için de FontSize özelliğini 24 pt yaptık.

Frame etiketi kullanılarak bu elemanları çerçeve içine alabilirsiniz. Ayrıca Placeholder rengi ve giriş alanlarına girilecek yazı rengi(TextColor) gibi birçok tasarım yapabilirsiniz.

Umarım faydalı olmuştur bir sonraki Xamarin yazımızda Giriş yap dediğimizde anasayfa ya girebilmeyi ve cs tarafta birkaç küçük kod yazmayı görelim.

 

Bir cevap yazın