[kotlin] 코틀린 안드로이드 리사이클러뷰에서 아이템에 웹뷰(web view) 추가하기

14 Dec 2023

kotlin

안드로이드 앱을 개발하면서 리사이클러뷰에 웹페이지를 보여주는 기능이 필요한 경우가 있습니다. 이런 경우에는 리사이클러뷰의 아이템에 웹뷰를 추가하여 사용자에게 웹콘텐츠를 제공할 수 있습니다. 이 글에서는 안드로이드 코틀린을 사용하여 리사이클러뷰 아이템에 웹뷰를 추가하는 방법을 살펴보겠습니다.

개발 환경

안드로이드 스튜디오
코틀린 언어

단계별 설명

1. 리사이클러뷰 아이템 레이아웃 파일에서 웹뷰 추가

<WebView
    android:id="@+id/itemWebView"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

2. 리사이클러뷰 어댑터에서 웹뷰 설정

class MyAdapter(private val dataList: List<String>) : RecyclerView.Adapter<MyAdapter.ViewHolder>() {

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
        val view = LayoutInflater.from(parent.context).inflate(R.layout.item_layout, parent, false)
        return ViewHolder(view)
    }

    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
        val webView = holder.itemView.findViewById<WebView>(R.id.itemWebView)
        val url = dataList[position]
        webView.settings.javaScriptEnabled = true
        webView.loadUrl(url)
    }
}

3. 메인 액티비티에서 리사이클러뷰 설정

class MainActivity : AppCompatActivity() {

    private val dataList = listOf("https://example.com/page1", "https://example.com/page2", "https://example.com/page3")

    override fun onCreate(savedInstanceState: Bundle?) {
        // ... (다른 설정 코드)
        val recyclerView: RecyclerView = findViewById(R.id.recyclerView)
        recyclerView.layoutManager = LinearLayoutManager(this)
        recyclerView.adapter = MyAdapter(dataList)
    }
}

마치며

이제 안드로이드 코틀린으로 리사이클러뷰 아이템에 웹뷰를 추가하는 방법을 살펴보았습니다. 이를 통해 앱에서 웹콘텐츠를 보여주는 기능을 쉽게 구현할 수 있습니다. 이 방법을 응용하여 다양한 앱을 개발해보시기 바랍니다.

참고 자료

Android Developers - WebView