Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5
FMX Vertical Grid
#1
Merhaba,

Mobil tarafta aşağıdaki resimdeki gibi dikey yada yatay olarak bu şekilde nasıl bir liste oluşturabilirim. Bu konuda hangi bileşenler yada nasıl ilerlemeyi tavsiye edersiniz.

jseZmW.jpg

Teşekkürler.
Cevapla
#2
Merhaba,

Eğer grid gerekliliği yoksa TVertScrollbox ile oluşturacağınız komponenti çalışma anında gerektiği kadar üretip parent olarak scrollbox'a atamasını yapabilirsiniz.

Komponent için ön gördüğüm;

- TRectangle // dış çerçevenin olduğu ana konteynır olur. StrokeKind solid, $FFE4E5E9, 2px kalınlık
- - TRectangle // üst kısım (görsel ve başlık) için beyaz arkaplanlı bölüm, Fill $FFFFFFFF
- - - TImage // Align Client, Margin 3-3-3-3
- - - TLabel // Align Bottom, TextAlign center, VerticalAlign center, FontSize 12, WordWrap true
- - TRectangle // alt kısım (fiyat ve sepete ekle) için krem-gri bölüm, Fill $FFF5FAFE
- - - TLabel // Align Left, MarginLeft 3
- - - TRectangle // XRadius, YRadius 100, Fill $FF00a2b6, HitTest true (Tıklanılabilir)
- - - - TImage // beyaz + ikonu, HitTest false

Dipnot: Yükseklik kıstaslarını sizin belirlemenizde fayda var.
Linkleri Görebilmeniz İçin Üye Olmanız Gerekiyor. Üye Olabilmek İçin Lütfen Buraya Tıklayınız.
Linkleri Görebilmeniz İçin Üye Olmanız Gerekiyor. Üye Olabilmek İçin Lütfen Buraya Tıklayınız.
Linkleri Görebilmeniz İçin Üye Olmanız Gerekiyor. Üye Olabilmek İçin Lütfen Buraya Tıklayınız.
Cevapla
#3
Bir inceleyin : Linkleri Görebilmeniz İçin Üye Olmanız Gerekiyor. Üye Olabilmek İçin Lütfen Buraya Tıklayınız.
Ağlarsa kablosuz ağlar, gerisi yerel ağlar...
Cevapla
#4
Grid Layout da deneyebilirsiniz.. Runtime Column ve row lar oluşturup bunların değerlerini hesaplatmanız lazım.. Biraz matematik çalıştırıcaksınız.. Grid layout nesnesinin içine de rectangle ları yerleştiriceksiniz.. Rectangle lara imaj ve buton yerleştirebilirsiniz..
// Bilgi paylaştıkça çoğalır.. 

Cevapla
#5
Merhaba,
Tüm mobil uygulamalarda bu tip listelemeler için ListView kullanılır. @Abdullah ILGAZ bey'in önerileri de iyi bir alternatif yöntemdir.

Tasarım anı görüntüsü
   

Çalışma anı görüntüsü




var
 I: Integer;
 lvItem: TListViewItem;
begin
 ListView1.BeginUpdate;
 try
   lvItem := ListView1.Items.Add;
   lvItem.Data['Text1'] := 'CHUPA CHUPS AROMALI LOLİPOP 29GR';
   lvItem.Data['Text3'] := '1,20';
   TListItemImage(lvItem.Objects.FindDrawable('Image2')).ImageIndex := 0;
   TListItemImage(lvItem.Objects.FindDrawable('Image4')).ImageIndex := 2;

   lvItem := ListView1.Items.Add;
   lvItem.Data['Text1'] := 'ÇEREZZA MISIR ÇEREZİ SÜPER BOY 112 GR PEYNİR-SOGAN SİNEMA';
   lvItem.Data['Text3'] := '4,45';
   TListItemImage(lvItem.Objects.FindDrawable('Image2')).ImageIndex := 1;
   TListItemImage(lvItem.Objects.FindDrawable('Image4')).ImageIndex := 2;
 finally
   ListView1.EndUpdate;
 end;
end;

Önemli Not: Bu ve benzeri tüm konular Linkleri Görebilmeniz İçin Üye Olmanız Gerekiyor. Üye Olabilmek İçin Lütfen Buraya Tıklayınız. detaylı anlatılmıştı. Kimse okumuyor galiba.  Sad
While true do; Hayat döngüsü, kısır değildir! Yapılan bir yanlış, o döngünün dışına çıkmanızı sağlayacaktır.
WWW
Cevapla
#6
Cevaplar için teşekkürler,

Görsel bir şeyler yapmak biraz ufuk'la ilgili sanırım. ListView içerisine edit koyamıyorduk en son hatırladığım kadarıyla bu konuda bir gelişme varmı acaba. 

@Fesih ARSLAN  Haklısınız bu aralar kitaba bakamıyorum, telafi edeceğim. Araştırmadan okumadan olmuyor, olmadığıda görülüyor malesef.   Blush
Cevapla


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Android string grid check column a veri ekleme 41linea41 3 407 19-04-2019, Saat: 20:06
Son Yorum: 41linea41
  Android-Grid uygulama kapanma gonulali 3 474 27-02-2019, Saat: 13:26
Son Yorum: gonulali
  [Çözüldü] Fmx grid veya stringgrid hücre renklendirme CesuR 4 631 11-02-2019, Saat: 13:35
Son Yorum: CesuR
  Grid veya StringGrid Hücre Renklendirme burakb44 3 951 17-03-2018, Saat: 09:22
Son Yorum: burakb44



Konuyu Okuyanlar: 1 Ziyaretçi