List Item with RelativeLayout - SolutionYouTube↗  IA↗(long shot)
Education  3.5K views 36 likes 4 dislikes   26 May 2015
Udacity 651K subscribers United States YouTube↗


Please select the problem
You must specify your email and describe the problem in detail
Describe your problem in detail if it's not obvious

Click to Play Video Click to Play Video
Bu size verdiğimiz orijinal XML.
Ini adalah XML awal yang kami sediakan.
Dikey <i>LinearLayout</i>.
Ini adalah <i>LinearLayout</i> vertikal.
Öğeler dikey sütunda çıkıyordu.
Dan semua muncul dalam bentuk kolom vertikal.
Testteki resme göre,
Menurut gambar pada kuis,
öğenin daha çok <i>RelativeLayout</i> kullanan bir öğe listesine benzemesini istiyoruz.
kita mau muatannya terlihat seperti daftar dengan <i>RelativeLayout</i>.
İşte çözüm.
Ini solusinya.
Yerleşimi fotoğraf solda ve üç metin görünümü sağ tarafta
Kami telah ubah <i>layout</i>-nya sehingga fotonya ada di sebelah kiri
olacak şekilde değiştirdik.
dan tiga <i>TextView</i> ada di sisi sebelah kanan.
Bu yerleşimi oluşturmak için kök görünümü <i> LinearLayout</i> yerine <i>RelativeLayout</i>
Untuk membuat <i>layout</i> ini saya ubah tampilan pokok menjadi <i>RelativeLayout</i>
olacak şekilde değiştirdim.
daripada <i>LinearLayout</i>.
Açma etiketi olduğu için,
Karena ini <i>tag</i> pembukanya,
aşağıdaki kapatma etiketini de güncellemem lazımdı.
saya juga harus memperbarui <i>tag</i> penutup di bawahnya.
Açma ve kapatma etiketleri arasında dört child görünümümüz var.
Di antara <i>tag</i> pembuka dan penutup ada empat anak tampilan.
Aynı zamanda dikey yönelim özelliğini kaldırdım,
Saya juga menyingkirkan atribut orientasi vertikal
çünkü o <i>LinearLayout</i>'a ait.
karena ia termasuk dalam <i>LinearLayout</i>.
<i>RelativeLayout</i> için yönelim özelliğine ihtiyaç yok.
Tak perlu atribut orientasi untuk <i>RelativeLayout</i>.
Resim zaten doğru konumlanmıştı.
Posisi fotonya sudah betul.
<i>RelativeLayout</i>'un ilk child'ı her zaman varsayılan ayar olarak sol üst köşede konumlanır.
Posisi bawaan anak pertama <i>RelativeLayout</i> selalu di pojok kiri atas,
Liste öğemiz için istediğimiz şey bu, bu yüzden aynı kalıyor.
Dan itulah yang kita inginkan dari daftar kita, jadi tetap seperti itu.
Sonra "Pebble Beach" diyen <i>TextView</i>'imiz var.
Lalu kita punya <i>TextView</i> 'Pebble Beach.'
Bu <i>TextView</i>'i <i>ImageView</i>'in sağ tarafına konumlamak istiyoruz, bu yüzden
Kita ingin memposisikan <i>TextView</i> di sebelah kanan <i>ImageView</i>,
<i>layout_torightof</i> özelliğini eklemeli, sonra da <i>ImageView</i>'e atıf vermeliyiz.
jadi kita harus tambahkan atribut <i>layout_torightof</i>, kemudian merujuk pada <i>ImageView</i>.
<i>ImageView</i>'e atıf vermek için, <i> ImageView</i>'e
Untuk merujuk<i> ImageView </i>kita harus tambahkan atribut ID pada <i>ImageView</i>.
ID özelliği eklemeliyiz. Ona "fotoğraf" adını verdim, ama isterseniz başka bir şey diyebilirsiniz.
Saya menyebutnya foto, Anda boleh sebut apapun sesuka Anda.
Bu resmi ve ilk <i>TextView</i>'i doğru konumladı.
Itu memposisikan gambar dan <i>TextView</i> pertama dengan benar.
Sonraki <i>TextView</i> "California" metnini göstermek için.
<i>TextView</i> berikutnya adalah untuk menunjukkan teks 'California'.
"California" <i>TextView</i>'i resmin sağına ve
<i>TextView</i> California harus diposisikan di sebelah kanan foto
"Pebble Beach" <i>TextView</i>'in altına konumlanmalı.
dan harus di bawah <i>TextView</i> Pebble Beach.
Bu yüzden, ilk olarak <i>layout_toRightof</i> özelliğini ekleyerek
Jadi, pertama kita tambahkan atribut <i>layout_toRightof</i>
fotoğrafa atıf yaparız.
dan referensi foto.
Sonra altına diğer bir yerleşim özelliği ekleriz
Kemudian kita tambahkan <i>layout</i> atribut lain di bawahnya
ve sonra ilk <i>TextView</i>'e atıf veririz.
dan merujuk pada <i>TextView</i> pertama.
Bu aynı zamanda bu ilk <i>TextView</i> için bir ID eklemeyi gerektirdi ve buna "ad" dedik.
Itu juga harus ditambahkan suatu ID untuk <i>TextView</i> pertama, yang baru kita beri nama.
Güzel, bu pozisyon, <i>ImageView</i> ve iki <i>TextView</i>.
Bagus. Jadi posisi tersebut, <i>ImageView</i> dan dua<i>TextView</i>.
Son olarak, mesafeyi, 10 mil uzaklığı gösteren <i>TextView</i> var.
Yang terakhir, kami punya <i>TextView</i> yang menunjukkan jarak sejauh 16 km.
Resmin sağında ve "California" <i>TextView</i>'in
Posisinya di sebelah kanan gambar
altında konumlanmış.
dan di bawah <i>TextView </i>California.
Bu yüzden, resme atıf olsun diye <i> layout_toRightof</i> özelliğini eklemeliyiz ve aynı zamanda aşağıdaki yerleşim için bir özellik eklemeli
Maka, kita harus tambahkan atribut <i>layout_toRightof</i> dengan merujuk ke foto, dan kita juga harus tambah atribut <i>layout</i> di bawah ini,
ve sonra yer <i>TextView</i>'e atıf vermeliyiz.
dan merujuk pada lokasi <i>TextView</i>.
Bu yer <i>TextView</i> için ID eklemeyi içerdi.
Ini butuh menambahkan ID untuk lokasi <i>TextView</i> juga.
Aynı zamanda mesafe <i> TextView</i> için ID ekledim.
Saya juga menambahkan suatu ID untuk <i>TextView</i> jarak.
Hiçbir yerde atıf vermediğimiz hâlde,
Walaupun kita tak merujuk pada apapun,
bir görünüme ID vermek sorun olmaz.
tak masalah untuk menambahkan ID pada suatu tampilan.
Sonradan atıfta bulunmak isterseniz, zaten orada olur.
Jika Anda harus merujuknya nanti, ia sudah berada di sana.
Similar videos:

LinearLayout
Udacity
206K views 104 likes 0 dislikes 26 May 201529% match


Relative to Other Views
Udacity
2.9K views 20 likes 0 dislikes 22 May 201529% match


Positioning - Solution
Udacity
2.9K views 24 likes 4 dislikes 08 Jun 201528% match


3 : Attributes for the ImageView SOL
Udacity
2K views 12 likes 1 dislikes 25 May 201527% match


06c_s_Add_TextView_for_Price
Udacity
2.2K views 12 likes 0 dislikes 22 May 201527% match


Layout Weight
Udacity
3.8K views 26 likes 1 dislikes 22 May 201526% match


Build Layout
Udacity
147.7K views 27 likes 0 dislikes 29 May 201526% match


3 : Minor Adjustments SOL
Udacity
2.2K views 16 likes 0 dislikes 25 May 201526% match


Building List Item Solution - Developing Android Apps
Udacity
1.2K views 3 likes 2 dislikes 23 Feb 201526% match

Build_Layout
Udacity
3.3K views 15 likes 0 dislikes 22 May 201526% match



Settings Privacy About Contact Donate