Tabbar Tasarımı
About this lesson
Bu öğrenme içeriğinde, mobil uygulamada kullanılacak menü tasarımı için Tabbar tasarımını yapacağız.
İlk olarak, Tabbar menüsünü inceleyerek başlayalım.
Tabbar menü, bir Footer elementi üzerine eklenmiş, kullanıcıları ilgili ekranlara yönlendiren ikon butonlar içeren dört kolondan oluşan bir Row elementi üzerinde hazırlanmıştır. Mobil uygulama için bu Tabbar menüsünün tasarım sürecine şimdi geçiş yapalım.
Başlangıç olarak, mobil uyumluluğu göz önünde bulundurarak bir uygulama oluşturacağız. Tabbar menüsünü, uygulamanın ana ekranı olacak ve daha sonra detaylarıyla ele alacağımız "Homepage" ekranında tasarlayacağız.
- Yeni bir mobil uygulama oluşturduktan sonra Homepage isimli ekranı açın.
- Ekrana bir Footer elementi sürükleyip bırakın.
- Footer elementi içerisine bir Row elementi ekleyin ve dört kolonlu yapıya dönüştürün.
- İlk kolon içerisine bir ikon sürükleyip bırakın.
- İkon seçimi yapın ve ikonun rengini değiştirin.
- Kolonu seçin ve hizalama işlemlerini gerçekleştirin.
- Ardından diğer kolonlara da bir ikon sürükleyip bırakın.
- Her bir kolon içerisindeki ikonlar için ikon seçimlerini yapın ve bulundukları kolonlar içinde hizalayın.
Tabbar menümüz hazır. Artık ihtiyaç duyduğumuz diğer ekranlarda bu menüyü kopyalayıp yapıştırarak kullanabiliriz.
Tabbar Tasarımı
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Block quote
Ordered list
- Item 1
- Item 2
- Item 3
Unordered list
- Item A
- Item B
- Item C
Bold text
Emphasis
Superscript
Subscript
Bu öğrenme içeriğinde, mobil uygulamada kullanılacak menü tasarımı için Tabbar tasarımını yapacağız.
İlk olarak, Tabbar menüsünü inceleyerek başlayalım.
Tabbar menü, bir Footer elementi üzerine eklenmiş, kullanıcıları ilgili ekranlara yönlendiren ikon butonlar içeren dört kolondan oluşan bir Row elementi üzerinde hazırlanmıştır. Mobil uygulama için bu Tabbar menüsünün tasarım sürecine şimdi geçiş yapalım.
Başlangıç olarak, mobil uyumluluğu göz önünde bulundurarak bir uygulama oluşturacağız. Tabbar menüsünü, uygulamanın ana ekranı olacak ve daha sonra detaylarıyla ele alacağımız "Homepage" ekranında tasarlayacağız.
- Yeni bir mobil uygulama oluşturduktan sonra Homepage isimli ekranı açın.
- Ekrana bir Footer elementi sürükleyip bırakın.
- Footer elementi içerisine bir Row elementi ekleyin ve dört kolonlu yapıya dönüştürün.
- İlk kolon içerisine bir ikon sürükleyip bırakın.
- İkon seçimi yapın ve ikonun rengini değiştirin.
- Kolonu seçin ve hizalama işlemlerini gerçekleştirin.
- Ardından diğer kolonlara da bir ikon sürükleyip bırakın.
- Her bir kolon içerisindeki ikonlar için ikon seçimlerini yapın ve bulundukları kolonlar içinde hizalayın.
Tabbar menümüz hazır. Artık ihtiyaç duyduğumuz diğer ekranlarda bu menüyü kopyalayıp yapıştırarak kullanabiliriz.
Kuika Platformunda yeni bir kullanıcı arayüzüne geçiyoruz ve Kuika Akademi kurslarımızı ve videolarımızı mümkün olan en kısa sürede güncelliyoruz.
Bu öğrenme içeriğinde, mobil uygulamada kullanılacak menü tasarımı için Tabbar tasarımını yapacağız.
Tabbar menü, bir Footer elementi üzerine eklenmiş, kullanıcıları ilgili ekranlara yönlendiren ikon butonlar içeren dört kolondan oluşan bir Row elementi üzerinde hazırlanmıştır. Mobil uygulama için bu Tabbar menüsünün tasarım sürecine şimdi geçiş yapalım.
Bu öğrenme içeriğinde, mobil uygulamada kullanılacak menü tasarımı için Tabbar tasarımını yapacağız.
İlk olarak, Tabbar menüsünü inceleyerek başlayalım.
Tabbar menü, bir Footer elementi üzerine eklenmiş, kullanıcıları ilgili ekranlara yönlendiren ikon butonlar içeren dört kolondan oluşan bir Row elementi üzerinde hazırlanmıştır. Mobil uygulama için bu Tabbar menüsünün tasarım sürecine şimdi geçiş yapalım.
Başlangıç olarak, mobil uyumluluğu göz önünde bulundurarak bir uygulama oluşturacağız. Tabbar menüsünü, uygulamanın ana ekranı olacak ve daha sonra detaylarıyla ele alacağımız "Homepage" ekranında tasarlayacağız.
- Yeni bir mobil uygulama oluşturduktan sonra Homepage isimli ekranı açın.
- Ekrana bir Footer elementi sürükleyip bırakın.
- Footer elementi içerisine bir Row elementi ekleyin ve dört kolonlu yapıya dönüştürün.
- İlk kolon içerisine bir ikon sürükleyip bırakın.
- İkon seçimi yapın ve ikonun rengini değiştirin.
- Kolonu seçin ve hizalama işlemlerini gerçekleştirin.
- Ardından diğer kolonlara da bir ikon sürükleyip bırakın.
- Her bir kolon içerisindeki ikonlar için ikon seçimlerini yapın ve bulundukları kolonlar içinde hizalayın.
Tabbar menümüz hazır. Artık ihtiyaç duyduğumuz diğer ekranlarda bu menüyü kopyalayıp yapıştırarak kullanabiliriz.