Floating Action Button Behavior

Floating Action Button Behavior

 

gradle a alttaki satır eklenmeli;

tamamı

 

activity_main.xml

 

MainActivity ise

 

FloatingActionButtonBehavior.class

 

Son görünüm

 

Kodların tam çalışır halini Github hesabımdan indirebilirsinz.

 

CoordinatorLayout ile Float Button ve Snackbar

CoordinatorLayout ile Float ve Snackbar

CoordinatorLayout, Android Tasarım Destek Kütüphanesi ile tanıtılan yeni bir düzendir. CoordinatorLayout, süper güçlü bir FrameLayout’tur ( resmi belgelere göre ). Daha önce bir FrameLayout kullandıysanız, CoordinatorLayout’u kullanırken çok rahat olmalısınız. FrameLayout kullanmadıysanız, endişelenmeyin, oldukça kolay.
Varsayılan olarak, bir FrameLayout’a birden fazla çocuk eklerseniz birbirleriyle örtüşürler. Bir FrameLayout, en sık tek bir çocuk görüntüsü elde etmek için kullanılmalıdır. CoordinatorLayout’un ana çekiciliği, içerisindeki görüşlerin animasyonlarını ve geçişlerini koordine edebilmesidir. Yalnızca xml kullanarak, örneğin bir FAB’ın gelen bir Snackbar’ın dışına çıktığını, ya da görünüşe göre başka bir widget’a eklenmiş ve ekranda görünen bir FAB’ın (ya da gerçekten başka herhangi bir Görünümün) bulunduğu bir düzen tanımlayabilirsiniz. widget.

Bu makale için, CoordinatorLayout’u kullanmanın, görünümlerin diğer görünümlerin düzenindeki veya konumundaki değişikliklere yanıt vermesini sağlayarak kodunuzu basitleştirebileceği üç farklı yol göstereceğiz. Daha sonra, bu davranışın kodda nasıl elde edildiğini tartışacağız ve kendi özel davranışlarınızı görünümler arasında nasıl uygulayacağınızı öğrendiğiniz dördüncü bir yöntemi göstereceğiz. Özel davranışlar uygulayarak, yalnızca hayal gücünüzle (ve kodlama yeteneğinizle: D) sınırlandırılan kolayca birbirine bağlı inanılmaz animasyonlar, geçişler ve efektler oluşturabilirsiniz.

Uygulamanızda CoordinatorLayout’u kullanmadan önce, uygulamanızın aşağıdaki bağımlılığını ekleyerek Android Destek Tasarım Kitaplığını projenize içe aktarmanız gerekir.

Module kısmında app ye ait  build.gradle

 

Snackbar ve FAB

İlk aktivite için, Snackbar görüntülendiğinde otomatik olarak kaybolan bir FAB ile düzen oluşturmak istiyoruz. Bu, CoordinatorLayout için bir “HelloWorld” programı ve iyi bir sebeple. İşlevsellik tamamen basit bir düzen olan xml dosyasında uygulanmıştır ve sadece çalışır.

Düzen oldukça basittir. CoordinatorLayout, kök düzendir. İçinde, ekran üzerinde ortalanmış bir düğmeye ve malzeme tasarım kurallarına uymamızı sağlamak için ekranın sağ alt köşesine yerleştirilmiş bir FAB’a sahibiz.

Activity sınıfına yaptığımız tek ekleme, Snackbar’ı göstermek için Düğmeye OnClickListener uygulamaktır. Snackbar’ın kök Görünümünü CoordinatorLayout olarak ayarladık. Bu şekilde, CoordinatorLayout Snackbar ve FAB hakkında bilgi sahibi olur ve her iki widget’in çakışmadığından emin olmak için geçiş animasyonu otomatik olarak yürütülür.

 

Aktiviteyi yürütün ve FAB’nin, gösterildiğinde, snackbar için otomatik olarak yukarı ve dışarı kaydığını ve snackbar görünümden çıkarken konumuna aşağı doğru kaydığını gözlemleyin.

String.xml

 

dimens.xml

 

Sonuç:

Kodların tam çalışır halini Github hesabımdan indirebilirsinz.

 

Floating Action Button (FAB) Nasıl Yapılır

Floating Action Button Nedir?

Malzeme Tasarımında tanıtılan yeni bir bileşen Floating Action Button (nedir).Sağ alt kısımdaki UI’nin üzerinde yüzen yüksek dairesel bir görünüştür. Genellikle, ekranın en önemli eylemini vurgulayan farklı görseliyle dikkat çeker.

 

Bu nispeten basit eğitimde Web de genelde Lolipop öncesi örnekler mevcut ama Google ın getirdiği Api 26 zorunluluğu ile artık bütün apk ların yenilenmesi gerekmekte.

Floating action buttons (Kayan eylem düğmeleri) FAB, tanıtılan bir eylem için kullanılır. UI’nin üzerinde yüzen daire içine alınmış bir simge ile ayırt edilirler ve değişim, başlatma ve aktarma çapa noktası içeren hareket davranışları vardır. – Materyal Tasarımı kaynağı

Gradle ayarlarını aşağıdaki altı çizili yerlerden belirtilen değerlere göre ayarlayalım.

 

Api leri ise yine aşağıdaki şekiilerdeki gibi …

 

 

Geldik dosyalara, önce activity_main

 

Sıra java kodlarında bize yardımcı 4 adet java dosyamız var;

AddFloatingActionButton

 

FloatingActionButton dosyası

 

FloatingActionsMenu

 

TouchDelegateGroup

 

MainActivity

 

 

Value dizininin altına attrss.xml, colors.xml, dimens.xml, ids.xml, string.xml ve styles.xml dosyalarını ekliyoruz.

attrs.xml

 

colors.xml

 

dimans.xml

 

ids.xml

String.xml

Styles.xml

 

drawable klasörünün altına ise

fab_label_background.xml

Ayrıca alttaki 3 resim dosyasını da drawable klasörü altına ekliyoruz.

farklı telefon boyutları için bu resimlerin faklı ebatlarını yazının sonunda ki dosyanın tamamını indirebileceğiniz linki verdiğimde oradan indirebilirsiniz.

Sonuç;

Anlatılanların tamamının Android Studio daki kaynak kod ve reimleri aşağıdaki linkten indirebilirsiniz.

İndir

 

Android Uygulamaya İkon Ekleme

1.yol:  http://makeappicon.com   adrsinini kullanarak 1024×1024 (tavsiye boyut) boyutundaki resmi buraya yükleriz. Bu online site bizim yüklediğimiz resimi android(mdpi-hdpi-xhdpi..), apple ve apple watch …   için gerekli boyutlara ayarlar. Bize email olarak gönderir.

2. yol: Android Studioyu kullanarak boyut ayarlama.

Öncelikle şunu bilmemiz lazım, Android uygulamalarımızda ikon ic_launcher ismi ayarlanmış şekilde gelmektedir.

Adaptive Icon?

Android 8.0 (API 26 ve üstü), farklı cihaz modellerinde farklı şekillerde görüntülenebilen uyarlanabilir uygulama iconu sunar.Uygulama iconları artık iki katmandan oluşturulmaktadır. Bunun için Foreground Layer ve Background Layer oluşturulmaktadır. Bu sayede hareketli bir icon’a sahip olunabilmektedir.

Adaptive Icon Nasıl Oluşturulur?

Android Studio açılır ve ardından  File sekmesine tıklayın daha sonra New seçeneğini seçin. Yeni açılan sayfada Image Asset seçeneğini seçeceksiniz.

File –> New –> Image Asset 

 

 

Sonrasında gelecek olan menüde isim standartlarına uyarak bir isim verilmelidir.

Foreground Layer

Foreground kısmına da ic_logoismi_foreground şeklinde isim verildikten sonra “Image”, “Clip Art” veya “Text” ekleyebiliriz. Eğer Image eklenecekse ekrandaki path bölümünden arkaplanı transparan olan uygulama logosunu “.png” “.jpeg” ya da “svg path” olarak verilebilir; ancak daha az yer kaplaması için “svg path” tercih edilmelidir.

   Eklenen uygulama iconunun nasıl görüneceğini preview ekranında görülebilecektir.Uygulama iconunun boyutunu Scalling kısmından değiştirilebilir. Eğer logonuz gölgeli değilse ortalanması için “Trim” açılmalıdır.Iconunuz daire çizgilerinin içinde fazla büyük görünüyor ise Resize kısmından boyutu düzenlenebilir.

 

Background Layer

Background layer kısmında ise uygulama iconunun arka planı nasıl gözükecekse ona göre değiştirilebilir. “Renk” ve “Image” seçeneklerinden birisi kullanılabilir.

 

Legacy

Bu kısımda Play Store iconunu, API 25 ve altındaki telefonlarda uygulamanın iconu nasıl gözükmesi gerektiği seçilir.(square,circle,vertical,horizontal)

 

Next?

Bu kısımda artık uygulama iconu için gerekli boyutları ve adaptive icon için gerekli xml dosyaları oluşturuldu.

 

Manifests’e Eklenmesi

Manifests dosyasında

attributelerini mipmap klasörü içerisinde oluşan iconadi.xml dosyaları seçilmelidir.

 

“VT-x is not available. (VERR_VMX_NO_VMX)” hatası

VirtualBox’da x64 bit sanal makineyi başlatmaya çalışıyorsanız, bazen

VT-x is not available. (VERR_VMX_NO_VMX)

hatası alabilirsiniz.

 

VT-x is not available. (VERR_VMX_NO_VMX).

Result Code: E_FAIL (0x80004005)
Component: Console
Interface: IConsole {8ab7c520-2442-4b66-8d74-4ff1e195d2b6}

 

 

 

Bu hatanın en yaygın üç nedeni vardır:

İlkini sadece CPU’yu yenisiyle değiştirerek çözebilirsiniz, fakat ikinci ve üçüncü sebepleri düzeltmek kolaydır.

1. Çözüm: BIOS’ta VT-x’i etkinleştirin

  • Bilgisayarı yeniden başlatın
  • BIOS’a yükleyin (Del, F2, Esc tuşuna basın. Ana karta bağlı)
  • Sanallaştırma ayarını bulun ve etkinleştirin (Virtualization setting). Sisteminizde farklı görünebilir, ancak bazı örnekler:

 

2. Çözüm: Hyper-V sanallaştırmasını devre dışı bırakın

  • Cmd.exe dosyasını Yönetici olarak çalıştırın
  • Aşağıdaki satırı çalıştırın:

  • Bilgisayarı yeniden başlat

Diğer yol:

  • Denetim Masası’nı aç
  • Program bölümüne gidin -> Windows özelliklerini aç veya kapat
  • Hyper-V’yi devre dışı bırak

 

Android Size Analizörü Kullanarak Uygulama Boyutunu Küçültme

Android Size Analyzer aracı, uygulamanızın boyutunu azaltmak için birçok stratejiyi tanımlamanın ve uygulamanın kolay bir yoludur. Hem bir Android Studio eklentisi hem de bağımsız bir JAR olarak mevcut.

Android Studio’daki eklenti pazarını (plugin marketplace) kullanarak, şekilde gösterildiği gibi Android Size Analyzer eklentisini indirebilirsiniz. Eklenti pazarını açmak ve eklentiyi yüklemek için aşağıdakileri yapın:

  1. File > Settings (ya da Mac’da, Android Studio > Preferences.)
  2. Son panelden Plugins’i seçin
  3. Marketplace tabına tıklatın.
  4. “Android Size Analyzer” eklentisini araryın,.
  5. Bulduğunuzda Install  analyzer eklentisinde instal tuşuna basın..

 

Marketplace sekmesindeki Android Size Analyzer eklentisi.

 

Kurduktan sonra Android Studioyu kapatıp açın.

Sonra Analyze / Analyze App Size…     çalıştırarak uygulamada yapılabilecek

optimizasyon önerilerini görebiliriz.

 

Kaynak: https://developer.android.com/topic/performance/reduce-apk-size

 

 

 

 

 

 

 

 

 

 

 

Android Studio ve Sdk Kurulumu

Android uygulaması geliştirmek için yegane ihtiyacınız olacak yazılım Android Studio. 2014 senesinden önce Android için yazılım geliştirme aracı olarak Eclipse IDE kullanılıyordu. 2014’ten sonra Android resmi uygulama geliştirme yazılımı olarak Android Studio yazılımını duyurdu ve artık uygulama geliştirmek için bu yazılımı kullanıyoruz. Android Studio bizi bir çok kurulum ve entegrasyon yükünden kurtarıyor ve tümleşik olarak Android SDK (Yazılım Geliştirme Aracı) yazılımını barındırıyor. Peki Windows işletim sisteminde Android Studio kurulumu nasıl yapılır?

Öncelikle sistem gereksinimleri:

  • Microsoft® Windows® 8/7/Vista (32 ya da 64-bit)
  • En az 2 GB RAM, 4 GB RAM tavsiye edilmektedir.
  • Android SDK, Sanal cihaz sistem görüntüleri ve ön bellekleme için en az 2 GB hard disk alanı.
  • 1280 x 800 en az ekran çözünürlüğü
  • En az Java Development Kit (JDK) 7
  • Opsiyonel olarak sanal cihaz hızlandırma için: Intel® VT-x, Intel® EM64T (Intel® 64), ve Execute Disable (XD) Bit fonksiyonlarını destekleyen Intel® işlemci

Android Studio kurulumuna başlamadan önce bilgisayarınızda Java ve Java SE Development Kit yüklü olması gerekiyor. Çünkü Android Studio, Java tabanlı bir yazılım. Hoş, Android için uygulama geliştirirken kullanacağımız programlama dili de Java olduğu için Java bizim olmazsa olmazımız.

Java kurulum dosyaları için buradaki kullanabilirsiniz

İşlemcinizle uygun Java sürümlerini bilgisayarınıza yükledikten sonra kurulumlarını “İleri” diyerek yapın. Benim tavsiyem hem 32 bit hem 64 bit Java sürümlerini kurun. Daha sonra web tarayıcınız için gerekli olabilir. Java kurulumlarını gerçekleştirdikten sonra Android Studio yazılımını bilgisayarınıza indirin.

ANDROİD İŞLETİM SİSTEMİ NEDİR ?

Android Google gibi büyük bir şirketin ve Open Handset Alliance gibi uluslararası birliğin mobil cihazlar için geliştirilmekte olan Linux tabanlı özgür ve ücretsiz bir işletim sistemidir. Açık kaynak kodlu olmasına rağmen ufak fakat önemli bir bölümü Google tarafından engellenmiştir. Lakin Bu durum herhangi bir sorun teşkil etmiyor. Biz Android Studio da yaptığımız uygulamaları gerek kendi telefonumuzda çalıştırabilir veya Google Play’ de yayınlayabilirsiniz.

ANDROİD HANGİ FİRMALAR TARAFINDAN TERCİH EDİLİYOR ?

Bilindiği üzere Android Dünya’da en çok tercih edilen işletim sistemi olmuştur. Peki bu Android ‘i kullanan şirketler kimler? Samsung,Xiomia,Lenovo,HTC ,Sony, LG,Huawei gibi kaliteli ve büyük firmalar Android’ i tercih ediyor.

ANDROİD STUDİO NASIL KURULUR ?

Android Studio’ yu https://developer.android.com/studio/index.html  linkinden kendi işletim sisteminize göre indirebilirsiniz. Android Studio Java tabanlı olduğu için JDK(Java Development Kit)  kurulu olması gerekiyor.Bunu Oracle’nin kendi sitesinde bulabilirsiniz. Dilerseniz şimdi kuruluma geçelim.

Android ilk çıktığı zamanlar Android Geliştiricileri olarak geliştirmeler eclipse ide ile yapmaktaydık. Eclipse’te genel olarak Java geliştirmek için kullanılan bir ide’dir. Eclipse’e android plugin kurup yapılıyordu geliştirmeler.

Ancak Google 16 Mayıs 2013 tarihinde yaptığı Google I/O etkinliğinde Android Studio‘yu tanıttı ve sitesi üzerinden dağıtımına başladı.

Eclipse ide’ye göre Android Geliştiricileri için çok daha fazla kolaylık sağladığı için Android Studio artık Android geliştiricileri arasında en çok kullanılan ide’dir.

Android Studio, Java tabanlı olduğundan biz kodumuzu derlerken arkaplanda çalışacak JDK ( Java Development Kit) i indirip yüklememiz gerekiyor. Bunu Oracle’nin kendi sitesinde bulabilirsiniz.

Yeşil renkli “Download Android Studio for Windows” düğmesine tıklıyoruz.

İlk önce Andoid Studio sitesinden program kurulumunu indirerek başlayalım. İşletim sistemi 64 bit olan ve Android Studio 64 bit sürümünü kurmak isteyenler için 2 seçenek mevcut. Sitedeki EXE versiyonu indirip klasik bir kurulum yapmak veya ZIP versiyonu indirip kuruluma gerek kalmadan istediğiniz bir klasöre dosyaları çıkartıp, bin klasörü altındaki studio64.exe ile direk kullanmak.

İndirirken dikkat etmemiz gereken 2 nokta kullandığımız işletim sitemi ve kaç bit olduğu.

Açılan sayfada en üstte üstteki görüntü çıkar, indireceğiniz işletim sistemi 64 değil 32 bit ise ya da windows değil başka bir işletim sistemi ise sayfanın en altındaki aşağıdaki görüntüden size en uygun olan android Studio sürümünü seçin.

İlk olarak bu adresten Android Studio’yu indirelim ve aşağıdaki gibi Download Android Studio butonuna tıklayalım.

Sonra lisans sözleşmesi karşımıza gelecek. Sözleşmeyi okuduktan sonra, kabul etmek için “I Agree” düğmesine basmamız gerekiyor.

Sözleşmeyi onayladıktan sonra indirme işlemi otomatik olarak başlayacak.

İndirme işlemi tamamlandıktan sonra dosyamıza çift tıklıyoruz.

UAC etkinse, Windows öncelikle bizden cihaz üzerinde kurulu yönetimsel izinleri isteyecek.

Yönetici izni verildikten sonra, Android Studio kurulumu için ilk adım görülecek.

Next düğmesine basarak kurulum işlemine başlıyoruz.

 

Next düğmesi sonrası karşımıza çıkacak ekranda yüklemek istediğimiz bileşenleri seçiyoruz ve tekrar Next düğmesine basıyoruz.