garen.yöndem launching ...3 ...2 ...1

Visual Studio 2015’te XAML Formatını Değiştirmek

2. Ağustos 2015 11:00by Garen Yöndem

Burada paylaşma fırsatı bulamadığım son zamanlarda, Android uygulamaları geliştiren ekiplerde yer almaya ve dolayısıyla Java + Android Studio kullanmaya başladım. Bundan sonra giriş seviyesinde de olsa Android ve Java tecrübelerimi ve maceralarımı da fırsat buldukça paylaşmaya çalışacağım. Fakat bugün Android Studio’da kullanmaya alıştıktan sonra kendimi daha rahat hissettiğim ve aynı ortamı Visual Studio’da da yaratmaya çalıştığım, XML ve XAML kod formatlama özelliğinden bahsedeceğim.


Bahsettiğim özellik esasında kodun görünüşünü değiştirmekten ötesi değil. Android Studio kullanmış olanlar zaten biliyordur, o ortam için varsayılan ayar bu şekilde (yanılmıyorsam). Layout yani XML kodlarına baktığınızda XML elementlerinin her property’si bir satırdan oluşuyor. Bu davranış layout kodunun dosya boyutunu oldukça büyütüyor ancak, kodu çok daha okunaklı ve aradığınız property’i bulmanızı kolay kılıyor.


Bu özelliği Visual Studio 2015’te etkinleştirmek için; Tools > Options > Text Editor > XAML > Formatting > Spacing yolunu takip ettikten sonra ulaşacağınız aşağıdaki pencerede, her property’yi ayrı satıra yerleştirme özelliğini bulabilirsiniz.


Visual Studio 2015’te XAML Formatını Değiştirmek - garen.yondem.com


Ayarlamayı kaydettikten sonra mevcut XAML sayfalarında Edit > Advanced > Format Document seçeneğini seçerek kodu aşağıdaki şekilde formatlayabilirsiniz.


Visual Studio 2015’te XAML Formatını Değiştirmek - garen.yondem.com


Görüşmek üzere

Windows Runtime’ın Yükselişi

10. Ağustos 2014 14:00by Garen Yöndem

Windows Phone 8.1’in resmen hayatımıza girmesi ve beraberinde Universal App’lerin de yaygınlaşmaya başlaması ile özellikle Silverlight tarafından gelen mevcut developerların Windows Phone’la ilgili bildikleri pek çok şey değişti. Geleneksel yöntemlerle Windows Phone Silverlight uygulamaları geliştirmek halen mümkün olsa da C#’dan XAML’a kadar uzanan geniş yelpazedeki kontrollerin isimleri ve bazı işlemlerin uygulanış yöntemleri değişiyor. Sıradaki birkaç blog yazısı boyunca bu değişikliklere yoğunlaşacağız.


Öncelikle teorik kısımdan başlayalım, ilerleyen yazılarda ise biraz elimizi kirletmeye başlayacağız ;). Universal Uygulamalar Microsoft’un kendi içerisindeki konsolidasyon sürecinin bir parçası olarak ortaya çıktılar. Windows Runtime’da çalışan ve yüzde 95 oranında aynı kodu kullanarak (şart değil) hem Windows hem Windows Phone işletim sistemlerine kurulabilen uygulamalar yeni trend. Esasen developerların işini kolaylaştırmak için yapıldığı iddia edilse de daha önce bahsettiğimiz gibi mevcut Silverlight developerların işi epeyce zor. WinRT Silverlight’ın aksine HTML, CSS, Javascript gibi dillere olan desteğini de cebinde saklarken, uzun yıllardır Microsoft’un yatırım odağı olan Silverlight Runtime’ın (C#+XAML) özelliklerinin hemen hepsinin XAML aracılığıyla WinRT’ye port edildiği bilgisi henüz erken olsa da ilerleyen zamanlarda Silverlight Runtime’ın mobil platformlarda ortadan yok olacağı anlamına gelebilir.


 - garen.yondem.com


Eskiden Symbian dahil bütün platformlarda çalışmayı hedefleyen Silverlight’ın ilk günden bu yana serüveni, Zune’lara hayat veren işletim sistemi dahi olmak gibi oldukça ilginç olaylarla dolu. Bu konuda kronolojik olarak gelişmeleri ele alan bir makale veya kitap bile yazılabileceğini düşünüyorum.


Konuyu yine çok dağıttık :), hemen toparlayalım. WinRT şu anda Microsoft platformlarında egemen güç olarak ilerleyişini sürdürüyor. C#, XAML, HTML, CSS ve Javascript dillerini kullanarak Windows, Windows Phone ve Xbox (teoride) uygulamaları geliştirebilmeniz mümkün. Ancak ilerleyen zamanlarda ele alacağımız örneklerin daha çok C# + Xaml, daha az HTML + Javascript odaklı olacağını şimdiden belirtmek gerek.


G��rüşmek üzere!

Windows Phone App Studio İlk Bakış ve İlk Uygulama

17. Ekim 2013 18:30by Garen Yöndem

Microsoft Windows Phone Store’daki uygulama sayısını arttırmak adına geçtiğimiz Temmuz ayında beklenmeyen bir adım attı. Uygulama fikri olan ancak hayata geçirmeye yetecek kadar teknik bilgiye sahip olmayan Windows Phone kullanıcıları için yepyeni bir web platformu olan App Studio’yu duyurdu. App Studio ile kod yazmadan, sadece görsel arayüz kullanarak uygulama geliştirmek mümkün.


Henüz beta aşamasında olan platforma Microsoft tarafından verilecek aktivasyon kodu ile giriş yapabilirsiniz. Aktivasyon kodunu alabilmek için beta programına katılım sebebinizi içeren bir e-maili studio@microsoft.com adresine atmanız yeterli.

Neler var?


Windows Phone App Studio İlk Bakış ve İlk Uygulama - garen.yondem.com

 

Beraber App Stüdyo’ya göz atarken bu vesileyle uygulama geliştirmeye de başlayabiliriz. Aktivasyon kodunuzu alıp hesabınıza tanımladıktan sonra hazır uygulama şablonlarından oluşan bir ekranla karşılaşacaksınız. Zevkinize ve amacınıza uygun olanı bulmak için bu şablonları tek tek kurcalayabilirsiniz veya boş uygulama yaratıp sıfırdan kendiniz düzenleyebilirsiniz.


Olup bitene biraz daha fazla hakim olabilmek için boş uygulama yaratarak başlayalım. İlk aşamada uygulamanızla ilgili tanımlayıcı bilgileri girmeniz gerekiyor. Uygulamanızın Store’da görünmesini istediğiniz adını ve açıklamasını yazdıktan sonra logonuzu hesabınıza bağlı SkyDrive’dan veya bilgisayarınızdan yükleyebilirsiniz. Yüklemeden önce logonuz 160x160px boyutlarında ve PNG formatında olmasına dikkat edin.


Windows Phone App Studio İlk Bakış ve İlk Uygulama - garen.yondem.com


Sonraki aşamada uygulamanızın genel şeklini ve içerik kaynaklarını tanımlamalısınız. Uygulamanıza Section ve Menu olarak iki farklı yapıda container ekleyebilirsiniz. Sectionlar uygulamanızın içeriğinin bulunacağı alanlardır. Menüler ise oluşturduğunuz Sectionlara linkle yönlendirme yapabileceğiniz standart sayfalardır. Dolayısıyla ilk olarak section ekleyerek başlamalısınız. Biraz teknik bilgi vermek gerekirse, Sectionları XAML tarafındaki PanoramaItemlar olarak düşünebilirsiniz. Bu da uygulamanızda sağ ve sola doğru sürükleme hareketi yaparak Section değiştirebileceğiniz anlamına geliyor.


Windows Phone App Studio İlk Bakış ve İlk Uygulama - garen.yondem.com


Yarattığım uygulama blog uygulaması olduğu için bana iki section yeterli olacak. Ilk sectionda bloğun RSS kaynağı ikinci sectionda ise kendim ve uygulama ile ilgili bilgiler yer alacak.


Windows Phone App Studio İlk Bakış ve İlk Uygulama - garen.yondem.com


Section yaratırken altı farklı data kaynağı kullanabilirsiniz. Bunlar; Data Collection, RSS, YouTube, Flickr, Bing ve HTML5 kaynakları olabilir. Örneğin ünlü birinin youtube kanalını ve flickr’da paylaştığı resimleri kaynak olarak kullanarak bir celebrity uygulaması geliştirebilirsiniz. Bu noktada dikkat etmeniz gerek tek şey her data kaynağı için farklı section oluşturmanız gerektiği. Ne yazık ki henüz bir section iki farklı data kaynağı tutamıyor.

Geliştirdiğimiz örnekte bana sadece RSS ve HTML5 data kaynağı tutacak iki section yeterli olacak.


Windows Phone App Studio İlk Bakış ve İlk Uygulama - garen.yondem.com


Yazilar adındaki datasource’u oluşturduktan sonra içini doldurmak için RSS’inizin URL’ini datasource’a tanımlamalısınız. Aynı işlem altı data kaynağı için de geçerli. App Studio’nun belki de en güzel yanlanlarıdan biri, arayüzde kaybolma ihtimaliniz veya hata yapma ihtimaliniz yok denilecek kadar az. Dolayısıyla gördüğünüz simgelere tıklamaktan kesinlikle çekinmeyin. Uygulamanızı diğerlerinden ayırt edici hale getirebilmeniz için kullanabileceğiniz geniş yelpazede tasarım özellikleri mevcut.


Windows Phone App Studio İlk Bakış ve İlk Uygulama - garen.yondem.com


HTML5 sectionını da ekledikten sonra proje son haline gelmeye başladı. Bir sonraki aşamada uygulamanızın arka plan rengi, live tile, splashscreen ve kilit ekranı resmi gibi kozmetik özelliklerini belirlemelisiniz. Tasarımcı yanınızı konuşturmanın tam zamanı. :)


Windows Phone App Studio İlk Bakış ve İlk Uygulama - garen.yondem.com


Tasarımı da tamamladıktan sonra artık uygulamanız hazır. Generate app butonuna tıklayarak projenizi yaratabilirsiniz.


Windows Phone App Studio İlk Bakış ve İlk Uygulama - garen.yondem.com


Uygulamanızı solution veya xap dosyası olarak indirebilir veya QR kodu tarayarak Windows Phone’unuza kurabilirsiniz. QR kod ile kurulum yapmadan önce App Studio sertifikasını cihazınıza yüklemeniz gerektiğini unutmayın. Daha önce download olarak sunulan sertifikanın kurulumu da artık QR kod ile mümkün.


Microsoft gerçekten bu platforma ciddi zaman ayırıyor ve hergün yeni gelişmeler görmek mümkün. Ben bu yazıyı yazarken bile App Studio’da gelişmeler olmuş olabilir. Hatta bu platformun ileride Windows 8 uygulamalarını da kapsayacağı dedikoduları mevcut.


Windows Phone uygulamaları geliştiriyor veya geliştirmeye başlamayı planlıyorsanız ve hala aktivasyon kodunuzu almadıysan, bu fırsatı kaçırmamanızı tavsiye ederim.


Önce sertifikaWindows Phone App Studio İlk Bakış ve İlk Uygulama - garen.yondem.com sonra uygulama :) Windows Phone App Studio İlk Bakış ve İlk Uygulama - garen.yondem.com

Pivot ve Panorama Kontrollerinde Seçilen Item'ı Yakalamak

17. Ocak 2013 17:35by Garen Yöndem

Windows Phone uygulamalarınız için ApplicationBarlar olmazsa olmazlardan. Her sayfa için ayrı ApplicationBar özellikleri tanımlayabilirsiniz. Ancak, konu Pivot veya Panorama tasarımına sahip sayfalar olunca iş biraz değişebilir. Pivot ve Panorama tipindeki sayfalar, daha geniş kullanım alanı sundukları için çok yönlü kullanıma elverişliler. Elbette bu tip sayfalar için de tek tip ApplicationBar kullanabiliriz. Ancak bu yazıda, Pivot ve Panorama sayfalar içerisindeki Itemlar arasında kaydırma yaparken farklı ApplicationBar’ların nasıl kullanılabileceğini ele alacağız.

Pivot ve Panorama tasarımlarındaki sayfalar, az önce de bahsettiğimiz gibi bize daha geniş kullanım alanı sunuyorlar. Aslında bu alan içerisinde gerçekleşen olay, kullanıcının viewport açısını değiştirerek sayfanın devamındaki içeriği de görebilmesidir. Fakat developerlar için arka planda işler biraz farklı. Örneğin Pivot sayfalarda PivotItemlar ve Panorama tarafında da PanoramaItemlar mevcut. Pivot ve Panorama sayfalarda SelectionChanged event’ını kullanarak sayfa geçişlerini yakalayabilirsiniz.

<!--Pivot-->
<phone:Pivot SelectionChanged="My_Pivot_SelectionChanged"/>

 

<!--Panorama-->
<phone:Panorama SelectionChanged="My_Panorama_SelectionChanged"/>

Bu event’ın yardımıyla her PivotItem veya PanoramaItem için farklı ApplicationBar görüntüleyebilir veya ApplicationBar’ınızı gizleyebilirsiniz.

C# tarafında ise switch-case yöntemiyle Pivot’un SelectedIndex’ine ulaşıp, index numarasına göre farklı işlemleri tetikleyebilirsiniz.

Örnek olarak ApplicationBar’ınızı ikinci Itemda gizlemeye çalıştığınızı varsayalım.

// Pivot
private void My_Pivot_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
switch (((Pivot)sender).SelectedIndex)
{
case 0: // index numarasına göre ilk itemı temsil eder
ApplicationBar.IsVisible = true;
break;
case 1:
ApplicationBar.IsVisible = false;
break;
}
}

 

// Panorama
private void Panorama_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
switch (((Panorama)sender).SelectedIndex)
{
case 0: // index numarasına göre ilk itemı temsil eder
ApplicationBar.IsVisible = true;
break;
case 1:
ApplicationBar.IsVisible = false;
break;
}
}

Böylece Pivot'umuzun veya Panorama'mızın ikinci item'ında ApplicationBar'ımızı gizlemiş olduk.

PanoramaSelectionCange.rar (402,34 kb)

Windows Phone Sayfa Geçiş Efektleri

17. Ağustos 2012 17:15by Garen Yöndem

Windows Phone ve yeni nesil Windows uygulamalarınıza sayfa geçiş animasyonları eklediğiniz takdirde kullanıcı deneyimi (UX) açısından kullanıcılarınıza daha tatmin edici bir deneyim yaşatmış olacaksınız. Bir başka değişle, işletim sistemindeki kullanıcı deneyimini uygulamanızda da devam ettiriyor olacaksınız. Bu da Microsoft :) ve ben dahil, tanıdığım diğer Windows Phone kullanıcıları çevrelerinde de sempati ile karşılanmakta.

Öncelikli olarak Silverlight for Windows Phone Toolkit’i Windows Phone Toolkit'i bilgisayarınıza kurmanız gerekiyor. Ardından Microsoft.Phone.Controls.Toolkit library’sini uygulamanıza referans olarak ekledikten sonra App.xaml.cs sayfasında

//RootFrame = new PhoneApplicationFrame();  ...yerine
RootFrame = new TransitionFrame();

rootframe değişikliğini yapıp, animasyon eklemek istediğiniz sayfa’nın phone:PhoneApplicationPage tag’inin içerisine Microsoft.Phone.Controls.Toolkit librarysine xmlns eklemeniz gerekiyor.

xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"

Sonrasında sayfanıza kayma efekti eklemek için, aşağıdaki kodu kullanabilirsiniz.

Işletim sistemi içerisinde de çok yaygın olarak kullanılan sayfa çevirme efektini eklemek isterseniz, kodunuzun aşağıdaki gibi olması gerekiyor.

Kod üzerinde birkaç değişiklik yaparak farklı geçiş efektleri elde etmeniz mümkün.

Tekrar görüşmek üzere, kolay gelsin.