{"id":929,"date":"2015-01-17T10:00:00","date_gmt":"2015-01-17T08:00:00","guid":{"rendered":"http:\/\/metehantoksoy.com\/?p=929"},"modified":"2015-01-17T10:00:00","modified_gmt":"2015-01-17T08:00:00","slug":"android-listview-ve-custom-adapter-kullanimi","status":"publish","type":"post","link":"https:\/\/metehantoksoy.com\/?p=929","title":{"rendered":"Android – ListView ve Custom Adapter Kullan\u0131m\u0131"},"content":{"rendered":"

\"android-wallpaper\"<\/a><\/p>\n

Bir \u00f6nceki yaz\u0131mda <\/a>art\u0131k kod \u00f6rnekleri \u00fczerinden devam edece\u011fimizi s\u00f6ylemi\u015ftik. Bir sonraki yaz\u0131m, bir Web API<\/strong>‘dan GET<\/strong> methodu ile JSON<\/strong> format\u0131nda veri \u00e7ekip, bunu parse edip ListView<\/strong> i\u00e7inde g\u00f6stermek \u00fczerine olacak. Bundan dolay\u0131 bu yaz\u0131mda ba\u015fta ListView<\/strong> olmak \u00fczere di\u011fer View<\/strong>‘lar ve Layout<\/strong>‘lara deyinip ListView<\/strong>‘da nas\u0131l veri g\u00f6sterece\u011fimizden bahsedece\u011fim.<\/p>\n

Layout’lar<\/span><\/strong><\/h2>\n

LinearLayout<\/strong>: \u0130\u00e7ine yerle\u015ftirilen View’lar\u0131n yatay veya dikey olarak hizalanmas\u0131n\u0131 sa\u011flar.<\/p>\n

<\/p>\n

TableLayout<\/strong>: \u0130\u00e7ine yerle\u015ftirilen View’lar\u0131n t\u0131pk\u0131 HTML’deki gibi tr\/td mant\u0131\u011f\u0131yla yerle\u015ftirmemize olanak tan\u0131r. Bu olana\u011f\u0131 TableRow<\/strong> <\/em>layout’u ile sa\u011flar.<\/p>\n

GridLayout<\/strong>: \u0130\u00e7ine yerle\u015ftirilen View’lar\u0131n sat\u0131r ve s\u00fct\u00fcn numaras\u0131 verilerek yerle\u015ftirilmesidir. Burada dikkat edilmesi gereken i\u00e7indeki View’lara verdi\u011finiz maksimum sat\u0131r ve s\u00fctun b\u00fcy\u00fckl\u00fc\u011f\u00fcnde GridLayout’da sat\u0131r ve s\u00fctun tan\u0131mlamas\u0131 yapmakt\u0131r.<\/p>\n

RelativeLayout<\/strong>: \u0130\u00e7ine yerle\u015ftirilen View’lar\u0131n layout’a g\u00f6re veya birbirlerine g\u00f6re konumlanmalar\u0131na sa\u011flar. Bir nevi View’lar aras\u0131nda ili\u015fki kurar. Boyut, kenar bo\u015fluklar\u0131 gibi uzunluklar\u0131\u00a0kapsar.<\/p>\n

Bir Layout<\/strong> i\u00e7in gerekli 3 attribute<\/strong> <\/em>tan\u0131mlamas\u0131\u00a0vard\u0131r. Bunlardan birincisi XML Namespace<\/strong>‘dir. XML Namespace<\/strong> (xmlns<\/em>) en \u00fcstte bulunan (parent<\/em>) layout’ta yap\u0131l\u0131r ise altlarda yap\u0131lmas\u0131na gerek yoktur. Bu XML’de meydana gelebilecek kar\u0131\u015f\u0131kl\u0131klar\u0131 engellemek i\u00e7indir. Zira ayn\u0131 attribute’un iki namespace’de de yer almas\u0131 durumunda bu namespace’lere isim vermek gerekir. Namespace<\/strong> tan\u0131mlarken verilen URL adresi ise buradaki kal\u0131ba uygun bi\u00e7imdedir veya bu adresteki veriye, ki\u015fiye veya kurulu\u015fa \u00f6zel yaz\u0131lm\u0131\u015ft\u0131r anlam\u0131ndad\u0131r. Android<\/strong>‘de bu yaz\u0131m\u0131zda biz “android<\/strong>” ve “tool<\/strong>” namespace’lerini kullan\u0131yoruz. “android<\/strong>” ve “tool<\/strong>” namespace’larinin tan\u0131mlar\u0131n\u0131 \u015fu \u015fekilde yap\u0131yoruz:<\/p>\n

\n
xmlns:android<\/span>=\"http:\/\/schemas.android.com\/apk\/res\/android\"<\/span>\nxmlns:tools<\/span>=\"http:\/\/schemas.android.com\/tools\"<\/span><\/pre>\n<\/blockquote>\n
Main Activity’<\/strong>mizde yer alan RelativeLayout<\/strong>‘un tan\u0131mlamas\u0131n\u0131 da yukar\u0131da bilgilerden yola \u00e7\u0131karak a\u015fa\u011f\u0131daki gibi yapabiliriz, fakat bu zaten Android Studio’da bo\u015f layout dosyalar\u0131nda haz\u0131r gelir<\/strong>.<\/p>\n
\n
<RelativeLayout<\/span>\n xmlns:android<\/span>=\"http:\/\/schemas.android.com\/apk\/res\/android\"<\/span>\n xmlns:tools<\/span>=\"http:\/\/schemas.android.com\/tools\"<\/span>\n android<\/span>:layout_width=\"match_parent\"<\/span>\n android<\/span>:layout_height=\"match_parent\"<\/span>\n tools<\/span>:context=\".MainActivity\"\n\n<\/span><!-- Layout veya View'larda Attribute tan\u0131mlamalar\u0131 burada yap\u0131l\u0131r -->\u00a0<\/em><\/span>>\n\n<\/RelativeLayout><\/span><\/pre>\n<\/blockquote>\n
View’larda ise isimlerinden anla\u015f\u0131laca\u011f\u0131 \u00fczere metin i\u00e7in TexView<\/strong>, buton i\u00e7in Button<\/strong>, resim i\u00e7in ImageView<\/strong>, resim butonu i\u00e7in ImageButton<\/strong>, internet sayfas\u0131 g\u00f6r\u00fcnt\u00fclemek i\u00e7in WebView,<\/strong> View’lar\u0131n ba\u015fl\u0131calar\u0131d\u0131r.<\/p>\n
ListView<\/strong><\/span><\/h3>\n
Asl\u0131n konumuz olan ListView<\/strong>‘a gelirsek, ad\u0131ndan anla\u015f\u0131laca\u011f\u0131 \u00fczere bu View’da bir \u015feyleri liste halinde g\u00f6sterebiliyoruz.<\/p>\n
\"Bu<\/a>
Bu resim http:\/\/www.vogella.com\/tutorials\/AndroidListView\/article.html adresinden al\u0131nm\u0131\u015ft\u0131r.<\/figcaption><\/figure>\n
ListView<\/strong>, herhangi bir java s\u0131n\u0131f\u0131<\/strong>ndan<\/em> objeleri listeleyebilir. Tek \u00f6nemli olan bu objelerin bir Adapter<\/strong> arac\u0131l\u0131\u011f\u0131yla ListView<\/strong>‘a tan\u0131t\u0131lmas\u0131. Adapter<\/strong>, gerekli olan bilgileri ListView’\u0131n her sat\u0131r\u0131nda g\u00f6sterecektir. Adapter<\/strong> sadece ListView<\/strong>‘da kullan\u0131lmaz. AdapterView<\/strong>\u00a0s\u0131n\u0131f\u0131n\u0131\u00a0extend eden yani AdapterView s\u0131nf\u0131n\u0131n\u00a0\u00e7ocuc\u011fu olan (child<\/em>)\u00a0olan her \u015feyde kullan\u0131labilir.<\/p>\n
Adapter<\/strong><\/span><\/h3>\n
Adapter<\/strong>, verileri bir layout<\/strong> dosyas\u0131na<\/strong> uygun olarak yani bir modele<\/strong> uygun bi\u00e7imde View<\/strong>‘\u0131n i\u00e7inde g\u00f6stermemizi\u00a0sa\u011flayan adapt\u00f6rd\u00fcr. BaseAdapter<\/strong>\u00a0s\u0131n\u0131f\u0131n\u0131\u00a0extend eder. Android, varsay\u0131lan adapt\u00f6r<\/strong> deste\u011fi sunar. Yani kendi adapt\u00f6r s\u0131n\u0131f\u0131m\u0131z\u0131\u00a0ve o s\u0131n\u0131fa\u00a0uygun layout’u yazmaya gerek kalmadan varsay\u0131lan olarak metin (String<\/em>) dizisini ListView’a atamay\u0131 sa\u011flayan “ArrayAdapter<\/strong>“i kullanabiliriz.<\/p>\n
Custom Adapter<\/strong><\/span><\/h4>\n
Custom Adapter<\/strong>, ListView’da sadece metin\u00a0de\u011fil daha farkl\u0131 tipte<\/strong> veriyi daha farkl\u0131 \u015fekilde<\/strong> g\u00f6stermemizi sa\u011flayan bir yap\u0131d\u0131r. Custom Adapter<\/strong> i\u00e7in bir layout<\/strong> dosyas\u0131 ve bir de Custom Adapter s\u0131n\u0131f\u0131<\/strong>\u00a0gereklidir. Layout dosyas\u0131<\/strong>, ListView’daki her sat\u0131r\u0131n g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc<\/strong> ve componentlerini<\/strong> belirlemektedir. Custom Adapter, varsay\u0131lan adapt\u00f6rleri\u00a0veya BaseAdapter<\/strong>\u00a0s\u0131nf\u0131n\u0131\u00a0extend ederek t\u00fcretilir.<\/p>\n
Gerekli tan\u0131mlamalar\u0131 yapt\u0131ktan sonra art\u0131k bunlar\u0131 kullanaca\u011f\u0131m\u0131z \u00f6rnek<\/strong> program\u0131m\u0131za ge\u00e7elim. \u00d6rnek program\u0131m\u0131zda, ListView’da \u00a0ki\u015filerin\u00a0adlar\u0131<\/strong><\/em>, telefonu<\/strong> <\/em>ve resimlerini<\/strong> <\/em>g\u00f6sterece\u011fimiz bir yap\u0131 kuraca\u011f\u0131z. Ki\u015filerimizi bir liste<\/strong> <\/em>olarak olu\u015fturup, bunu ListView’da g\u00f6sterece\u011fiz. Bu ki\u015fileri elimizde liste<\/strong> olarak tutup (olu\u015fturup<\/em>) bunlar\u0131 ListView’da g\u00f6sterece\u011fimiz i\u00e7in ArrayAdapter’i extend eden PersonAdapter<\/strong>\u00a0s\u0131nf\u0131m\u0131z\u00a0ve bu ListView’\u0131n her sat\u0131r\u0131n\u0131 belirleyecek olan Layout<\/strong> dosyam\u0131z olacakt\u0131r. \u00d6nce Layout dosyas\u0131n\u0131 olu\u015ftural\u0131m.<\/p>\n
Projeye Layout Dosyas\u0131 Ekleme<\/strong><\/span><\/h2>\n
\"Creating<\/a><\/h2>\n
Sol tarafta bulunan Project men\u00fcs\u00fcnden res<\/strong> (Resources<\/em>) alt\u0131nda bulunan layout<\/strong> klas\u00f6r\u00fcne sa\u011f t\u0131k yap\u0131n (1)<\/strong><\/em> . New<\/strong> men\u00fcs\u00fcne t\u0131klay\u0131n (2)<\/strong><\/em>. Layout resource file<\/strong>‘\u0131 se\u00e7in\u00a0(3)<\/strong><\/em>.<\/p>\n
\"Add<\/a><\/p>\n
Layout dosyas\u0131n\u0131n ad\u0131n\u0131 girin (1)<\/strong><\/em>. \u0130pucu olarak belirtmek gerekirse\u00a0isimlendirmelerde belirli standard\u0131n\u0131z olsun. Yani ,\u00f6rnek olarak e\u011fer ListView’da kullanaca\u011f\u0131n\u0131z bir layout ise “layout_listview_itemtemplate<\/strong><\/em>” tarz\u0131nda bir isim anla\u015f\u0131l\u0131rl\u0131\u011f\u0131 art\u0131racakt\u0131r<\/strong>, veya e\u011fer bir ListView’a ID<\/strong> veriyorsan\u0131z listview<\/strong> <\/em>yerine listview_persons<\/strong> <\/em>tarz\u0131nda bir isimlendirmeyi tercih edebilirsiniz. Layout’da varsay\u0131lan olarak gelecek layout tipini se\u00e7iniz. Bunu daha sonradan de\u011fi\u015ftirebiliriz. \u00c7ok \u00f6nemli olmamakla<\/strong><\/em> birlikte i\u015fimizi kolayla\u015ft\u0131rmaktad\u0131r. Layout’un alt taraf\u0131nda bo\u015fta kalan alanlar , ListView’\u0131n sat\u0131rlar\u0131na atan\u0131rken \u00a0otomatik olarak g\u00f6z\u00fckmeyecektir.<\/p>\n
Custom Adapter \u0130\u00e7in Layout Olu\u015fturma<\/span><\/strong><\/h3>\n
Layout<\/strong> dosyas\u0131n\u0131 olu\u015fturduk. \u015eimdi i\u00e7ini doldural\u0131m. Bizim 2 tane metin alan\u0131na (TextView<\/strong><\/em>) ve 1 tane resim alan\u0131na (ImageView<\/strong><\/em>) ihtiyac\u0131m\u0131z var. Bunlar\u0131 istersek layout’u a\u00e7t\u0131ktan sonraki ekranda desing (tasar\u0131m<\/em>) sekmesinden, istersek de text (xml kod<\/em>) sekmesinden\u00a0ekleyebiliriz. \u00d6ncelikle layout tipimiz RelativeLayout<\/strong>. Bunun nedeni componentlerin (bile\u015fenler<\/em>) boyutlar\u0131n\u0131 ve konumlar\u0131n\u0131 birbirine ba\u011flayaca\u011f\u0131m ve biri de\u011fi\u015firse birbirlerini de\u011fi\u015ftirmesini sa\u011flayaca\u011f\u0131m. ImageView<\/strong>‘\u0131 \u00a0yani ki\u015fi resmini sola yerle\u015ftiriyorum ve \u00a0sabit<\/strong> bir y\u00fckseklik-geni\u015flik veriyorum. Y\u00fckseklik ve geni\u015flik olarak 75dp<\/em> veriyorum.<\/p>\n
\n
<ImageView<\/span>\n android<\/span>:layout_width=\"75dp\"<\/span>\n android<\/span>:layout_height=\"75dp\"<\/span>\n android<\/span>:id=\"@+id\/imageView_personpic\" <\/span>\/><\/span><\/pre>\n<\/blockquote>\n
ImageView<\/strong>‘\u0131n soluna ve tepeden ImageView<\/strong>‘la ayn\u0131 mesefade isim i\u00e7in bir TextView<\/strong> yerle\u015ftiriyorum. ImageView<\/strong>‘a ba\u011flamam\u0131n nedeni e\u011fer ImageView’\u0131n konumu \u00fcstten\u00a0bir \u015fekilde de\u011fi\u015ftirse TextView’\u0131n da o kadar a\u015fa\u011f\u0131ya veya yukar\u0131ya kaymas\u0131<\/strong> i\u00e7indir. Metin boyutunu 25dp<\/em>‘ye ayarl\u0131yorum. Soldan 10dp<\/em>‘lik bir bo\u015fluk b\u0131rak\u0131yorum ki ImageView<\/strong> yani ki\u015fi resmi ile aras\u0131nda biraz bo\u015fluk olsun.<\/p>\n
\n
 <TextView<\/span>\n android<\/span>:layout_width=\"match_parent\"<\/span>\n android<\/span>:layout_height=\"wrap_content\"<\/span>\n android<\/span>:text=\" \"<\/span>\n android<\/span>:id=\"@+id\/textView_personname\"<\/span>\n android<\/span>:layout_toEndOf=\"@+id\/imageView_personpic\"<\/span>\n android<\/span>:textSize=\"25dp\"<\/span>\n android<\/span>:layout_alignParentTop=\"true\"<\/span>\n android<\/span>:layout_toRightOf=\"@+id\/imageView_personpic\"<\/span>\n android<\/span>:layout_marginLeft=\"10dp\"<\/span> \/><\/span><\/pre>\n<\/blockquote>\n
\u0130sim TextView<\/strong>‘\u0131n\u0131n alt\u0131nda adres i\u00e7in bir TextView<\/strong> daha ekliyorum. Onunda sol, sa\u011f ve \u00fcst konumunu isim TextView’\u0131na ba\u011fl\u0131yorum ki ayn\u0131 hizada g\u00f6z\u00fcks\u00fcnler. Metin boyutu olarak da 20dp<\/em> veriyorum.<\/p>\n
\n
<TextView<\/span>\n android<\/span>:layout_width=\"match_parent\"<\/span>\n android<\/span>:layout_height=\"wrap_content\"<\/span>\n android<\/span>:text=\" \"<\/span>\n android<\/span>:id=\"@+id\/textView_address\"<\/span>\n android<\/span>:layout_below=\"@+id\/textView_personname\"<\/span>\n android<\/span>:layout_alignLeft=\"@+id\/textView_personname\"<\/span>\n android<\/span>:layout_alignStart=\"@+id\/textView_personname\"<\/span>\n android<\/span>:textSize=\"20dp\"<\/span>\n android<\/span>:layout_alignBottom=\"@+id\/imageView_personpic\"<\/span>\n android<\/span>:layout_marginTop=\"5dp\"<\/span> \/><\/span><\/pre>\n<\/blockquote>\n
Layout dosyas\u0131n\u0131 tamamlad\u0131\u011f\u0131m\u0131za g\u00f6re \u015fimdi PersonAdapter<\/strong>\u00a0s\u0131n\u0131f\u0131m\u0131za\u00a0ge\u00e7ebiliriz.<\/p>\n
Projeye S\u0131n\u0131f\u00a0Eklemek<\/strong>\u00a0<\/span><\/h2>\n
\"Adding<\/a><\/p>\n
java<\/strong> klas\u00f6r\u00fc alt\u0131nda bulunan com.metehantoksoy.customadapter<\/strong><\/em> \u015feklinde olan klas\u00f6re sa\u011f t\u0131klay\u0131n (1)<\/strong><\/em>. New<\/strong> men\u00fcs\u00fc (2)<\/strong><\/em> alt\u0131nda Java Class<\/strong>‘\u0131 se\u00e7in (3)<\/strong><\/em>.<\/p>\n
\"createclass2\"<\/a><\/p>\n
Ard\u0131ndan s\u0131n\u0131fa\u00a0ismini verin (1)<\/strong><\/em> ve tipini se\u00e7in (2)<\/strong><\/em>. Bu y\u00f6ntemle sadece s\u0131n\u0131f\u00a0de\u011fil Interface<\/strong>,\u00a0Enum<\/strong> gibi tipleri de ekleyebilirsiniz. \u0130simlendirmede yine yukar\u0131da dedi\u011fim \u015feyleri hat\u0131rlayabilirsiniz.<\/p>\n
PersonAdapter S\u0131n\u0131f\u0131n\u0131n Kodlanmas\u0131<\/span><\/strong><\/h3>\n
Bo\u015f bir s\u0131n\u0131f\u00a0<\/strong>olarak PersonAdapter<\/strong> a\u00e7\u0131ld\u0131 ve a\u015fa\u011f\u0131daki gibi bir kod ile kar\u015f\u0131la\u015ft\u0131n\u0131z.<\/p>\n
\n
public<\/span> class<\/span><\/strong> PersonAdapter {\n}<\/pre>\n<\/blockquote>\n
\u015eimdi bu s\u0131n\u0131f\u0131\u00a0Person<\/strong> tipinde ArrayAdapter<\/strong> s\u0131n\u0131f\u0131na\u00a0extend edelim.<\/p>\n
\n
public class<\/span><\/strong> PersonAdapter extends<\/strong> <\/span>ArrayAdapter<Person> {\n}<\/pre>\n<\/blockquote>\n
Burada baz\u0131 methodlar\u0131\u00a0yazmad\u0131\u011f\u0131m\u0131z i\u00e7in hata ald\u0131k<\/strong>. Bu varsay\u0131lan kurucu methodudur<\/strong>. Yani bunun anlam\u0131<\/strong> ArrayAdapter s\u0131n\u0131f\u0131\u00a0bo\u015f(varsay\u0131lan<\/em>) kurucu methodu desteklemiyor, ArrayAdapter<\/strong> s\u0131n\u0131ndan\u00a0bize uygun kurucuyu PersonAdapter s\u0131n\u0131f\u0131m\u0131za yaz\u0131yoruz.<\/p>\n
\n
  public<\/strong> <\/span>PersonAdapter(Context context, int<\/span> <\/strong>resource, List<Person> items) {\n      super<\/span><\/strong>(context,<\/span> resource,<\/span> items);<\/span>\n }<\/pre>\n<\/blockquote>\n
Daha sonra, ListView’da objelerin eklenmesini ve g\u00f6z\u00fckmesini sa\u011flayacak getView()<\/strong><\/em>\u00a0methodunu\u00a0yazmaya ba\u015flayal\u0131m. Methodun\u00a0ilk olarak bo\u015f halini parametreleri ile yazal\u0131m.<\/p>\n
\n
@Override<\/strong><\/span>\npublic<\/span> <\/strong>View getView<\/span><\/strong>(int<\/span><\/strong> position,<\/span> View convertView,<\/span> ViewGroup parent) {\n\n}<\/pre>\n<\/blockquote>\n
ListView<\/strong> i\u00e7in haz\u0131rlam\u0131\u015f oldu\u011fumuz layout<\/strong> dosyas\u0131ndan bir View<\/strong> olu\u015fturulup, bu fonksiyona\u00a0convertView<\/strong> <\/em>de\u011fi\u015fkeniyle parametre ge\u00e7ilmi\u015f. Fakat e\u011fer View olu\u015fturulmam\u0131\u015fsa olu\u015fturmam\u0131z gerekir \u00e7\u00fcnk\u00fc ImageView<\/strong> ve TextView<\/strong>‘lar\u0131m\u0131za ula\u015f\u0131rken bu View<\/strong>‘\u0131 kullanaca\u011f\u0131z.<\/p>\n
\n
View v = convertView;<\/span>\nif<\/strong> <\/span>(v == null<\/strong><\/span>) {\n     LayoutInflater vi;<\/span>\n     vi = LayoutInflater.from(getContext());<\/span>\n     v = vi.inflate(R.layout.layout_listview_itemtemplate<\/span><\/em>, null<\/strong><\/span>);<\/span>\n}<\/pre>\n<\/blockquote>\n
Daha sonra, adapt\u00f6r\u00fcm\u00fcz\u00fcn\u00a0kurucusunda verdi\u011fimiz Person<\/strong> tipindeki List’teden \u015fu anki s\u0131radaki nesneyi getiriyoruz. \u00dcst s\u0131n\u0131fta\u00a0bizim parametre olarak verdi\u011fimiz List<\/strong> tipindeki liste “private<\/strong><\/em>” olarak tutuldu\u011fu i\u00e7in ve bu ArrayAdapter<\/strong>\u00a0s\u0131n\u0131f\u0131n\u0131 extend etti\u011fimiz i\u00e7in bu private<\/strong> de\u011fi\u015fkene<\/strong> eri\u015femeyece\u011fimiz i\u00e7in, bu i\u015f i\u00e7in yap\u0131lm\u0131\u015f getItem()<\/strong><\/em>\u00a0methoduyla\u00a0s\u0131radaki nesnemizi listemizden getiriyoruz. B\u00f6ylece onun de\u011ferlerine eri\u015fip o sat\u0131rdaki ImageView ve TextView’lara atayabilece\u011fiz.<\/p>\n
\n
Person p = getItem(position);<\/span><\/pre>\n<\/blockquote>\n
E\u011fer bu nesne bo\u015f de\u011filse<\/strong> art\u0131k gerekli yerlere atama yapabiliriz. \u00a0Ve sonunda<\/strong> o d\u00f6ng\u00fcde yarat\u0131lan View’\u0131 geri d\u00f6nd\u00fcrerek kodu bitiriyoruz.<\/p>\n
\n
if<\/span> <\/strong>(p != null<\/span><\/strong>) {\n     ImageView personImage = (ImageView)v.findViewById(R.id.imageView_personpic<\/span><\/em>);<\/span>\n     TextView personName = (TextView)v.findViewById(R.id.textView_personname<\/span><\/em>);<\/span>\n     TextView personAdress = (TextView)v.findViewById(R.id.textView_address<\/span><\/em>);<\/span>\n \n     if<\/span><\/strong>(personImage != null<\/span> <\/strong>&& personName != null<\/span> <\/strong>&& personAdress != null<\/span><\/strong>){\n         personAdress.setText(p.getAddress());<\/span>\n         personName.setText(p.getName());<\/span>\n         personImage.setImageResource(p.getPictureResourceID());<\/span>\n     }\n}\n return<\/span><\/strong> v;<\/span><\/pre>\n<\/blockquote>\n
Bu method yani getView()<\/strong><\/em> methodu, listedeki her obje i\u00e7in<\/strong> ba\u015ftan \u00e7al\u0131\u015f\u0131r, bunun nedeni her obje, bir layout’ta g\u00f6sterilip bu layout’un ListView’a sat\u0131r<\/strong> olarak eklenmesidir. Bundan dolay\u0131 her defas\u0131nda listemizdeki tek Person<\/strong> objesi i\u00e7in \u00e7al\u0131\u015f\u0131yor ve objenin de\u011ferlerini layout’a<\/strong> yaz\u0131yor.<\/p>\n
Person S\u0131n\u0131f\u0131n\u0131n Kodlanmas\u0131<\/span><\/strong><\/h3>\n
Bir Person<\/strong> (Ki\u015fi<\/em>) s\u0131n\u0131f\u0131n\u0131n\u00a0i\u00e7erisinde Name<\/strong> (\u0130sim<\/em>), Address<\/strong> (Adres<\/em>) ve ki\u015finin resminin drawable id’sini tuttu\u011fumuz PicResID’<\/strong>den olu\u015fmaktad\u0131r.<\/p>\n
\n
public class<\/span><\/strong> Person {\n \u00a0 \u00a0\u00a0private<\/span> <\/strong>String Name<\/span>;<\/span>\n \u00a0 \u00a0\u00a0private<\/span> <\/strong>String Address<\/span>;<\/span>\n \u00a0 \u00a0\u00a0private<\/span> <\/strong>int PicResID<\/span>;<\/span>\n\u00a0  \u00a0\u00a0public<\/span> <\/strong>Person(String name, String address){\n \u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0Name<\/span> = name;<\/span>\n \u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0Address<\/span> = address;<\/span>\n \u00a0 \u00a0\u00a0}\n \u00a0 \u00a0\u00a0public<\/span><\/strong> Person(String name, String address,int<\/strong><\/span> imageID){\n \u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0Name<\/span> = name;<\/span>\n \u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0Address<\/span> = address;<\/span>\n \u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0PicResID<\/span> = imageID;<\/span>\n \u00a0 \u00a0\u00a0}\n \u00a0 \u00a0\u00a0public<\/span> <\/strong>String getName<\/span>() {\n \u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0return<\/span> <\/strong>Name<\/span>;<\/span>\n \u00a0 \u00a0\u00a0}\n\u00a0    public<\/span> <\/strong>String getAddress<\/span>() {\n \u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0return<\/span> <\/strong>Address<\/span>;<\/span>\n \u00a0 \u00a0\u00a0}\n\u00a0 \u00a0\u00a0 public<\/strong> int<\/strong><\/span> getPictureResourceID<\/span>() {\n \u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0return<\/span> <\/strong>PicResID<\/span>;<\/span>\n \u00a0 \u00a0\u00a0}\n}<\/pre>\n<\/blockquote>\n
Custom Adapter Kullan\u0131larak ListView’da Objelerin G\u00f6sterilmesi<\/span><\/strong><\/h3>\n
\u015eimdi ana akvitimizde (MainActivity<\/em>) program a\u00e7\u0131l\u0131r a\u00e7\u0131lmaz listemizin olu\u015fmas\u0131 i\u00e7in onCreate()<\/strong><\/em> methodu i\u00e7erisinde setContentView()<\/strong><\/em> method \u00e7a\u011fr\u0131s\u0131ndan sonra Person<\/strong> tipinde bir ArrayList<\/strong> olu\u015fturup 2 yeni Person<\/strong> ekleyelim.<\/p>\n
\n
ArrayList<Person> persons = new<\/span><\/strong> ArrayList<Person>();<\/span>\npersons.add(new<\/span> <\/strong>Person(\"Ahmet Uzun\"<\/span>,<\/span>\"ISTANBUL\"<\/span>,<\/span>R.drawable.ahmet_uzun<\/span>));<\/span>\npersons.add(new<\/span><\/strong> Person(\"Ay\u015fe Kanmaz\"<\/span>,<\/span>\"ANKARA\"<\/span>,<\/span>R.drawable.ayse_kanmaz<\/span>));<\/span><\/pre>\n<\/blockquote>\n
Bu listemizi kullanarak PersonAdapter<\/strong> tipinde bir ArrayAdapter<\/strong> objesi olu\u015fturup bu ListView’\u0131m\u0131za setAdapter()<\/strong><\/em> methodu ile atayal\u0131m.<\/p>\n
\n
PersonAdapter personAdapter = new<\/span> <\/strong>PersonAdapter(this<\/strong>,<\/span>R.layout.layout_listview_itemtemplate<\/span>,<\/span>persons);<\/span>\n\nListView listviewPerson = (ListView)findViewById(R.id.listView_persons<\/span>);<\/span>\nif<\/span><\/strong>(listviewPerson != null<\/strong><\/span>){\n     listviewPerson.setAdapter(personAdapter);<\/span>\n}<\/pre>\n<\/blockquote>\n
\u0130\u015fte bu kadar. Art\u0131k custom bir ListView’\u0131m\u0131z\u0131 ve onun \u015fablon modeli<\/strong> olan bir layout dosyas\u0131 ve s\u0131n\u0131f\u0131m\u0131z\u00a0mevcut. Bundan sonras\u0131 sizin hayal g\u00fcc\u00fcn\u00fczde. \u015eehiri kullan\u0131c\u0131 ile ayn\u0131\u00a0olan sat\u0131rlardaki adres TextView’inin \u00a0rengini ye\u015fil yapabilir, farkl\u0131 fontlar atayabilir veya daha \u00a0bir \u00e7ok \u015fey yapabilirsiniz. Kodlar\u0131 \u00e7al\u0131\u015ft\u0131rd\u0131\u011f\u0131n\u0131zda a\u015fa\u011f\u0131daki gibi bir ekran g\u00f6r\u00fcnt\u00fcs\u00fc elde edeceksiniz.<\/p>\n
\"screenshot_2015-01-17-02-34-051\"<\/a><\/p>\n
Projeyi b\u00fct\u00fcn olarak GitHub <\/a>\u00fczerinden bu linkten<\/a> eri\u015febilirsiniz. Bir sonraki yaz\u0131m\u0131zda g\u00f6r\u00fc\u015fmek \u00fczere \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"
Bir \u00f6nceki yaz\u0131mda art\u0131k kod \u00f6rnekleri \u00fczerinden devam edece\u011fimizi s\u00f6ylemi\u015ftik. Bir sonraki yaz\u0131m, bir Web API‘dan GET methodu ile JSON format\u0131nda veri \u00e7ekip, bunu parse edip ListView i\u00e7inde g\u00f6stermek \u00fczerine olacak. Bundan dolay\u0131 bu yaz\u0131mda ba\u015fta ListView olmak \u00fczere di\u011fer View‘lar ve Layout‘lara deyinip ListView‘da nas\u0131l veri g\u00f6sterece\u011fimizden bahsedece\u011fim. Layout’lar LinearLayout: \u0130\u00e7ine yerle\u015ftirilen View’lar\u0131n yatay … Continue reading “Android – ListView ve Custom Adapter Kullan\u0131m\u0131”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[13,2],"tags":[28,35,76,79,143,153,155,157,158,215,251],"class_list":["post-929","post","type-post","status-publish","format-standard","hentry","category-android","category-development","tag-activity","tag-android","tag-custom-adapter","tag-custom-listview","tag-java","tag-layout","tag-linearlayout","tag-listview","tag-listview-customize","tag-relativelayout","tag-view"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/metehantoksoy.com\/index.php?rest_route=\/wp\/v2\/posts\/929","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/metehantoksoy.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/metehantoksoy.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/metehantoksoy.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/metehantoksoy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=929"}],"version-history":[{"count":0,"href":"https:\/\/metehantoksoy.com\/index.php?rest_route=\/wp\/v2\/posts\/929\/revisions"}],"wp:attachment":[{"href":"https:\/\/metehantoksoy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=929"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/metehantoksoy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=929"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/metehantoksoy.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=929"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}