Ana içeriğe atla

Kayıtlar

ion-card etiketine sahip yayınlar gösteriliyor

Fab İcon Ekleme

 Merhabalar  Bu hafta oluşturduğumuz bir uygulamaya fab-icon 'u nasıl eklenir ona bakacağız.  Geçen haftalarda oluşturduğumuz Cafe uygulamamız üzerinden göstermeye çalışalım.Bu uygulamamızda cafe hakkında genel bilgi veren bir sayfamız olsun içinde fotoğrafı , hakkında kısa bilgi  ve sosyal medya hesaplarına ulaşabilmek için bir tane de fab iconumuz olsun . 🔹En başta sayfamızı oluşturarak başlayalım.      ionic g page puga sayfa ismimi, tanıtacağım cafe ismi olarak belirledim. Böylece sayfam oluşmuş oldu. puga.page.html uzantılı sayfama gidip içeriğimi hazırlamaya başlıyorum. İçeriğimi ion-content taglarının arasına yazıyorum öncelikle bir resim görünsün altında da bilgiler verilsin istiyorum . Resmi uygulamanın tanıması için    src→assets klasörünün içerisine taşıyorum. 🔹Resmimizi tanımlayalım <img src= "/src/assets/icecekResimleri/e427d7c9262063a424d0b89f2b36eb1c_1446286155.jpg" >  Resmin ardından cafe...

Uygulamamızı Geliştirelim -2

   Merhabalar    Geçen hafta uygulamamızın içecekler sayfasına resimleri nasıl yerleştireceğimize bakmıştık. Ionic uygulamalarında görünüş için en çok kullanılan component'lardan biri olan ion-card ları kullanarak resimlerimizi yerleştirdik. Bu hafta yerleştirdiğimiz içecek resimlerine tıkladığımızda karşımıza çıkacak olan sayfanın tasarımı ile biraz uğraşalım istiyorum.    Bazı  cafelere gittiğimizde içecek istediğimizde bize 'küçük' , 'orta' ve 'büyük ' seçeneklerini sunup bunların arsından bir seçim yapmamızı isterler. Bunun için bizim uygulamamızda da bu seçimi yapması için bir içerik oluşturabiliriz . Bunun için checklist kullanabileceğimizi düşünüyorum.   Uygulamamızın tasarımına geçecek olursak , yine tasarım için en kullanışlı olan ion-cardları kullanabiliriz diye düşünüyorum. Yeni sayfamızı visual studio code'da oluşturuyoruz.( ionic g page secondPage diyerek adı secondPage olan sayfayı oluşturmuş oldum.). Bir ionic card'ın içine yi...