DevExtreme İle İlk Uygulama

0
Want create site? Find Free WordPress Themes and plugins.

Bu yazıda sizlere Devextreme ile örnek bir uygulama nasıl oluşturulur ve derlenir onu anlatacağım. Bu yazıda basit bir Merhaba Dünya Yazdıracağız ve Bazı nesnelerin kullanımını tanıyacağız.

Daha önceki yazımızda DevExtreme kurulumundan bahsetmiştik ve birtane uygulama açmıştık. O uygulama üzerinden geliştirme yapacağız.

Visual Studionun Admin Yetkisi ile Açıldığından Emin Olun…

Admin Yetkisiyle açma işlemi :

Kısayola Sağ tıklayın – Özellikler deyin – Uyumluluk Sekmesinden En altta Bu programı Yönetici olarak çalıştır seçeneğini seçin ve Uygula tamam Deyin. Artık o uygulama sürekli Admin yetkisi isteyecektir.

Şimdi Sayfamıza Bir textbox ve buton atalım. Aşağıdaki resimde Gösterildiği gibi…

Dev Extreme Proje Oluşturma Thekodprogram

Şimdi Bu sayfamızda gördüğünüz gibi textbox ve butonumuzu attık burada önemli nokta ikinci satırdaki <div> yapısına dokunmuyoruz çünkü bu sayfanın üst ve alt menusudur. Buraya daha sonraları dokunacağız ve kendimize uygun şekilde düzenleyeceğiz.

Kodlarımızı bende buraya yapıştırayım buradan devam edelim

Gördüğümüz gibi textbox ve butonumuz aslında bir div yapısı. bu ifadeleri DevExtreme div yapılarını içerisindeki nesnelere dönüştüren bir yapıya sahip…

Gelelim şimdi butona tıklama olayına…

Butona tıklama olayı için bizim ilk olarak butonun içine bu olayları tanımlamamız gerekir . yani data-bind alanını butonun olayları değerleri ile doldurmalıyız.

 

Yukarıdaki butonun div clasını aşağıdaki ile değiştirdiğimizde artık butonun click olayına atama yapmış oluyoruz

Şimdi peki bu buton tıkla nedir?

O ise bizim home.js içindeki tanımlamamız gereken alandır. Şimdi Home.jsye gidelim ve bu nesnemizi tanımlayıp içerisine tıklama olayında çalışacak olan fonksiyonu yazalım.

Bu arada txbox içinde bir event tanımlayalım ki hem onunda bir iki eventini görelim hemde gösterilecek bir deger oluşturalım.Evet aşağıdaki kod ilede bizim kullanacağımız textboxumuzu oluşturduk.

Sırada arka planda çalışacak olan JavaScript kodlarımızı oluşturma var.

Aşağıda ise yukarıda tanımladığımız nesneleri JavaScript ile nasıl oluşturduğumuz var. Bu kodlar home.js dosyasının tamamını içeriğidir

Bunuda hallettiğimize göre gelelim programın çalıştığını görmeye. Programı Çalıştırma işlemimiz normal tarayıcıda olmaktadır. taraytıcıda oldugu içinde yazdığımız javascript kodları tarayıcının yorumladığı gibi çalışır. Aslında telefondada aynı şekilde yorumlanır arada bazı görsel olarak farklılıklar olabilir tabiiki.

Aşağıdaki resimde projemizin çalıştığının resmidir :

DevExtreme Projesi Thekodprogram

Sol tarafta gördüğünüz üzere aynı proje android windows phone içinde derlenebiliyor ve çalıştırılabiliyor…

 

Evet bunuda hallettiğimiz göre gelelim projeden apk almaya

Solution Explorer’dan Projeye Sağ Tıklayıp Build Native Packages Diyoruz ve Açılan ekranda hangi cihazlar için yükleme oluşturacağımızı seçiyoruz. Ben android seçtim şimdilik.

Daha sonra Gerekli alanları doldurup Sertifika oluşturmamız gerekmektedir. Sertifika oluşturabilmek için Visual Studioyu Admin Yetkisi ile çalıştırmamız gerekiyor. Sertfika oluşturduktan sonra projeyi Build ediyoruz ve Projenin içindeki bin Klasöründeki Debug veya Release içinden apk mızı alabiliyoruz.

İlk projemiz hayırlı olsun.

İyi çalışmalar

Burak Hamdi Tufan

 

 

Did you find apk for android? You can find new Free Android Games and apps.
0%
0%
Share.

About Author

Ben Kocaeli üniversitesi Uçak Elektrik Elektronik Bölümü Okuyorum. Bununla Birlikte 9 Yıldır yazılımcılık Yapıyorum. 12 Farklı Dilde ve 6 Farklı Platformda Profesyonel Yazılımlar Geliştirebiliyorum. Yazılım Benim için Hobi Değil Yasaşm Tarzıdır. Bu işten Para Kazanmak Değil Zevk Almak İçin Yapıyorum. Bu yüzden yazılım dünyasından ayrılmak istemiyorum.

Leave A Reply