ListView - ImageList Icon Almak

[TescilsizUzman]

Merhaba,  
Bildiğiniz gibi FireMonkey mimarisinin popüler nesnelerinden biri olan ListView ile bir çok veri yönetim işlemleri yapılabilmektedir. Bu kapsamda verinin görselliği de son derece önem arz etmektedir. 
Görselliğin vazgeçilmez unsurlarından en önemli olanı da, tabi ki icon'lardır. Peki bu icon'ları mevcut projemize nasıl ekleyeceğiz ve nasıl kullanacağız?
Bunun için doğrudan Image nesnesi kullanılabileceği gibi, ImageList nesnesi de kullanılabilir. 
Bu makale de yalnızca ImageList ile ilgili bir örnek yaparak, icon'ların projede kullanımına bir örnek vermek istiyorum.


1- Form üzerine birer adet ImageList, button ve ListView yerleştirelim.
2- ImageList'i çift tıklayıp kullanacağımız icon'ları ekleyelim.



3- ListView'i seçelim ve Object Inspector'dan Images özelliğinde ImageList1'i seçelim.



4- Yine ListView seçeli durumdayken Structure penceresinden Item seçelim ve Object Inspector'dan Appearance özelliğinden ImageListItem'ı seçelim.



5- ListView üzerinde sağ tuşa basarak, Toggle DesignMode menüsünü seçelim ve tasarım anında Image nesnesinin konumunu ve boyutunu belirleyelim.





6- Örnek bir kayıt ile uygulamayı çalıştırıp test edelim.

procedure TForm2.SpeedButton1Click(Sender: TObject);
var
 I: Integer;
 LItem: TListViewItem;
begin
 ListView1.Items.Clear;
 ListView1.BeginUpdate;
 for I := 1 to 10 do
 begin
   LItem := ListView1.Items.Add;
   LItem.Text := I.ToString() + '. Kayıt';
   LItem.ImageIndex := i; // ImageList nesnesinin Icon Id'si atanmaktadır.
 end;
 ListView1.EndUpdate;
end;

Örnek Uygulamamızın ekran görüntüsü;



Örnek Uygulama Linki; ListView ImageList Örneği

[ozcanm]

Paylaşım için Teşekkürler

[hassur]

Peki DynamicAppearance de ördeğin Image3 alanına resimi nasıl ekleyecez hem icon hemde birden fazla text alana ihtiyacımız var ?

[TescilsizUzman]

(17-10-2016, Saat: 17:32)hassur Adlı Kullanıcıdan Alıntı: Peki DynamicAppearance de ördeğin Image3 alanına resimi nasıl ekleyecez hem icon hemde birden fazla text alana ihtiyacımız var ?

Merhaba,
Uzun zamandır ListView ve diğer FireMonkey UI konularında bir çok makale yazma planım vardı. Fakat vakit sıkıntısından dolayı bu anlamda çalışma yapamadım. 
ListView yapısını daha iyi anlamak için yayınlamış olduğum ListView - CheckBox Kullanmak ve bu makaledeki (ListView - ImageList Icon Almak) detaylara hakim olmalısınız.
Yeni yazdığım ListView - DynamicAppearance makalesinde sizin talep etmiş olduğunuz, ListView içerisinde birden fazla text alanı oluşturma ve Item'lar arasında yer alan birden fazla Image nesnesine resim/icon ekleme anlatılmıştır.