[Android/개념] 16. AddView

 

---

AddView

• 컨테이너 뷰에 자식 뷰들을 동적으로 넣는 방법.

• 같은 틀(배치, 속성)에 내용물만 다른 형태 뷰들을 반복적으로 넣을 때 사용

     ex) 리스트

 

• item_add_view16.xml

     - 아이템으로 쓸 뷰를 생성해준다.

     - 사진-이름-나이 형태의 아이템을 반복적으로 추가할 것이다. 

     - 위의 형태를 만들기 위해 LinearLayout의 방향을 horizontal로 하여 생성

<?xml version="1.0" encoding="utf-8"?>
<androidx.appcompat.widget.LinearLayoutCompat xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">
    
    <ImageView
        android:id="@+id/peopleImage"
        android:layout_width="100dp"
        android:layout_height="100dp" />

    <TextView
        android:id="@+id/peopleName"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:gravity="center"
        android:text="이름"
        android:textSize="30dp"
        android:textColor="#000000" />

    <TextView
        android:id="@+id/peopleAge"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:gravity="center"
        android:text="나이"
        android:textSize="30dp"
        android:textColor="#000000" />

</androidx.appcompat.widget.LinearLayoutCompat>

 

• activity_add_view_16.xml

     - 아이템들을 담을 컨테이너 뷰 생성

<?xml version="1.0" encoding="utf-8"?>
<androidx.appcompat.widget.LinearLayoutCompat xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".AddView_16">

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <androidx.appcompat.widget.LinearLayoutCompat
            android:id="@+id/containerView"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical" />

    </ScrollView>

</androidx.appcompat.widget.LinearLayoutCompat>

 

• AddView_16.kt

package com.example.fastcampus

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.view.LayoutInflater
import android.widget.ImageView
import android.widget.TextView
import androidx.appcompat.widget.LinearLayoutCompat

class AddView_16 : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_add_view16)

        var peopleList = mutableListOf<People>()
        for (i in 0..30) {
            peopleList.add(People("홍길동" + i, i)) // peopleList에 People 객체 30개 담음.
        }

        val containerView = findViewById<LinearLayoutCompat>(R.id.containerView)
        val inflater = LayoutInflater.from(this)
        peopleList.forEach {
            val itemView = inflater.inflate(R.layout.item_add_view16, null) // inflater로 xml 파일을 뷰 객체로 구현
            
            val peopleImage = itemView.findViewById<ImageView>(R.id.peopleImage)
            val peopleName = itemView.findViewById<TextView>(R.id.peopleName)
            val peopleAge = itemView.findViewById<TextView>(R.id.peopleAge)

            peopleImage.setImageDrawable(resources.getDrawable(R.drawable.people1, null)) // item뷰에 데이터 넣기 - 사진
            peopleName.text = it.name // item뷰에 데이터 넣기 - 이름
            peopleAge.text = it.age.toString() // item뷰에 데이터 넣기 - 나이

            containerView.addView(itemView) // containerView에 itemView 넣기
        }
    }
}

class People(val name: String, val age: Int) // People 클래스 선언

 

• 결과

같은 틀에 내용물만 다른 뷰 30개를 addView를 이용하여 반복해서 추가

 

 

 

 

 

 

 

 

이 글은

패스트 캠퍼스 Android 앱 개발의 정석 with Kotlin 올인원 패키지 Online

강의를 듣고 공부한 내용을 바탕으로 작성되었습니다.

 

---