[Android] 포켓몬 도감 만들기 (Volley, RecyclerView) (2023.07.24~25)

 

 

 

 

 

 

MainActivity

 

package com.sjy.pokemon

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.util.Log
import android.widget.Toast
import androidx.recyclerview.widget.GridLayoutManager
import androidx.recyclerview.widget.RecyclerView
import com.android.volley.Request
import com.android.volley.RequestQueue
import com.android.volley.toolbox.StringRequest
import com.android.volley.toolbox.Volley
import org.json.JSONObject
import java.util.ArrayList


//ViewHolder : 한개의 아이템 뷰를 구성
//Adapter : ViewHolder 생성 -> 데이터 바인딩
//MainActivity : Adapter 생성, layout 결정
class MainActivity : AppCompatActivity() {

    lateinit var rcPokemon : RecyclerView
    lateinit var reqQueue : RequestQueue
    var pokemonList = ArrayList<PokemonVO>()

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        rcPokemon = findViewById(R.id.rcPokemon)
        reqQueue = Volley.newRequestQueue(this@MainActivity)

        //1t세대 ->  151
        for(id in 1 until 152){
            val imgUrl = "https:/raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/official-artwork/$id.png"
            val dataUrl = "https://pokeapi.co/api/v2/pokemon-species/$id"

            val request = object : StringRequest(
                Request.Method.GET,
                dataUrl,
                {
                    response ->
                    val result = JSONObject(response)
                    val name = result.getJSONArray("names").getJSONObject(2).getString("name");
                    val pokemon = PokemonVO(id,imgUrl,name)
                    pokemonList.add(pokemon)

                    val adapter:PokemonAdapter = PokemonAdapter(pokemonList, applicationContext) //어댑터 생성
                    rcPokemon.layoutManager = GridLayoutManager(applicationContext, 2)
                    rcPokemon.adapter = adapter

                },{
                    error ->
                    Log.d("error", error.toString())
                    Toast.makeText(this, "error발생", Toast.LENGTH_SHORT).show()
                }
            ){} //object 사용시 body가 꼭 있어야 함 -> {}

            reqQueue.add(request)
        }


    }
}

 

 

VO

 

package com.sjy.pokemon

data class PokemonVO(val pokemonId : Int, val pokemonImgPath : String, val pokemonNm : String)

 

 

ViewHolder

 

package com.sjy.pokemon

import android.view.View
import android.widget.ImageView
import android.widget.TextView
import androidx.recyclerview.widget.RecyclerView

class PokemonViewHolder(itemView:View) : RecyclerView.ViewHolder(itemView){

    lateinit var ivPokemon:ImageView
    lateinit var tvPokemon:TextView

    init { //component 초기화
        ivPokemon = itemView.findViewById(R.id.ivPokemon)
        tvPokemon = itemView.findViewById(R.id.tvPokemon)
    }

}

 

 

Adapter

 

package com.sjy.pokemon

import android.content.Context
import android.content.Intent
import android.view.LayoutInflater
import android.view.ViewGroup
import androidx.recyclerview.widget.RecyclerView
import com.bumptech.glide.Glide

class PokemonAdapter(var datas:ArrayList<PokemonVO>, var context:Context) : RecyclerView.Adapter<PokemonViewHolder>(){
    //ViewHolder 생성
    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): PokemonViewHolder {
        return PokemonViewHolder(
            //View생성
            //attachToRoot : Root(부모)에게 붙일건데, 생성 후 바로 붙이려면 --> true, 이따가 붙이려면 --> false
            LayoutInflater.from(parent.context).inflate(R.layout.pokemon_item_view, parent, false)
        )
    }

    //아이템(포켓몬) → ViewHolder 바인딩
    //가지고 오는 아이템 개수
    override fun getItemCount(): Int {
        return datas.size
    }

    //아이템들을 ViewHolder에 바인딩해주는 메서드
    //아이템 -> 포켓몬 : pokemonID, pokemonImgPath, pokemon
    override fun onBindViewHolder(holder: PokemonViewHolder, position: Int) {
        val pokemon = datas[position] //특정 인덱스에 있는 포켓몬 데이터 가져오기
        //포켓몬 이미지 : Glide 라이브버리 -> HTTP 통신을 통해 이미지를 로드할 수 있는 라이브러리
        Glide.with(context).load(pokemon.pokemonImgPath).into(holder.ivPokemon)
        //포켓몬 이름
        holder.tvPokemon.text = pokemon.pokemonNm

        holder.itemView.setOnClickListener(){
            //intent 사용 -> DetailActivity로 전환
            val intent = Intent(context, DetailActivity::class.java)
            //안드로이드 앱에서 새로운 액티비티가 실행될 때마다
            //기존에 사용하던 액티비티는 스택에 쌓이게 됨
            //→ 원하지 않는 결과가 도출될 수 있어 FLAG를 활용하여 조정 가능
            //FLAG_ACTIVITY_NEW_TASK : 새로운 작업 시작
            //-> 일반적으로 Adapter 내에서 startActivity 사용 시 사용
            intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK)
            //pokemonID -> Int
            //pokemonImgPath -> String
            //pokemonNm -> String
            intent.putExtra("id", pokemon.pokemonId.toInt())
            intent.putExtra("imgUrl", pokemon.pokemonImgPath.toString())
            intent.putExtra("name", pokemon.pokemonNm.toString())
            context.startActivity(intent)
        }

    }
}

 

 

DetailActivity

 

package com.sjy.pokemon

import android.content.Intent
import android.graphics.Color
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.util.Log
import android.view.View
import android.widget.ImageView
import android.widget.TableRow
import android.widget.TextView
import androidx.core.view.isVisible
import com.android.volley.Request
import com.android.volley.RequestQueue
import com.android.volley.toolbox.StringRequest
import com.android.volley.toolbox.Volley
import com.bumptech.glide.Glide
import org.json.JSONObject
import org.w3c.dom.Text

class DetailActivity : AppCompatActivity() {

    lateinit var ivPokemon : ImageView
    lateinit var tvName : TextView
    lateinit var tvType1 : TextView
    lateinit var tvType2 : TextView
    lateinit var tvHeight : TextView
    lateinit var tvWeight : TextView
    lateinit var tblRow : TableRow
    lateinit var reqQueue : RequestQueue

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_detail)

        //component 가져오기 -> 이미지, 텍스트
        ivPokemon = findViewById(R.id.ivDetailPokemon)
        tvName = findViewById(R.id.tvPokeName)
        tvType1 = findViewById(R.id.tvType1)
        tvType2 = findViewById(R.id.tvType2)
        tvHeight = findViewById(R.id.tvHeight)
        tvWeight = findViewById(R.id.tvWeight)
        tblRow = findViewById(R.id.tblRow)

        reqQueue = Volley.newRequestQueue(this)

        //intent -> 이름, 이미지경로(Glide), id(상세 정보 가져올 때 사용)
        //상세정보 url : https://pokeapi.co/api/v2/pokemon/$id
        val intent : Intent = intent
        var id : Int = intent.getIntExtra("id", -1)
        var imgUrl : String? = intent.getStringExtra("imgUrl")
        var name : String? = intent.getStringExtra("name")

        //response -> JSONObject 형태로 변환 -> result
        //2번째 타입 없는 경우가 있음 ! >> 주의
        //type = result.getJSONArray("types")
        //type.getJSONObject(index).getJSONObject("type").getString("name")
        //                  index -> 0,1 (1번째 없을 수 있음) 어떻게 처리할건지 생각

        //result.getDouble("weight") 무게
        //result.getDouble("height") 크기

        Glide.with(this).load(imgUrl).into(ivPokemon)
        tvName.text = name

        val request = object : StringRequest(
            Request.Method.GET,
            "https://pokeapi.co/api/v2/pokemon/$id",
            {
                response ->
                val result = JSONObject(response)
                val type = result.getJSONArray("types")
                var type1 : String = ""
                var type2 : String = ""

                type1 = type.getJSONObject(0).getJSONObject("type").getString("name")
                if(type.length()==1){
                    tblRow.visibility = View.GONE
                }else{
                    type2 = type.getJSONObject(1).getJSONObject("type").getString("name")
                }

                val weight = result.getDouble("weight")
                val height = result.getDouble("height")

                tvType1.text = type1
                tvType2.text = type2
                tvWeight.text = weight.toString() + "kg"
                tvHeight.text = height.toString() + "m"

                val typeList = HashMap<String, Int>()
                typeList.put("electric", Color.rgb(255,255,102))
                typeList.put("water", Color.rgb(153,255,255))
                typeList.put("fire", Color.rgb(204,0,0))
                typeList.put("grass", Color.rgb(51,255,102))
                typeList.put("poison", Color.rgb(153,0,204))
                typeList.put("bug", Color.rgb(51,102,102))
                typeList.put("ice", Color.rgb(102,204,255))
                typeList.put("ground", Color.rgb(153,102,0))
                typeList.put("rock", Color.rgb(51,51,51))
                typeList.put("normal", Color.rgb(0,0,0))

                typeList.get(type1)?.let { ivPokemon.setBackgroundColor(it) }
            },
            {
                error ->
                Log.d("error", error.toString())
            }
        ){}
        reqQueue.add(request)
    }
}