Skip to content

ONSOPTFunAndroid/onegit-ONSOPTAssignment

BranchesTags

Repository files navigation

ON SOPT 27th Android Assignment



Seminar 1

제출 일자 : 2020.10.30

실행 화면

alt text

코드 설명

startActivityForResult

MainActivity.kt

  1. 회원가입 버튼을 클릭했을 때, MainActivity에서 SignUpActivity로 이동.

  2. SignUpActivity의 종료와 동시에 데이터를 받아오기 위해 startActivityForResult()를 사용.

  3. 기존에 startActivity()로 호출하던 것을 startActivityForResult()로 하출하면서 인수를 하나 더 추가.

  4. 이 인수는 0이상의 integer 값으로 추후 onActivityResult() 메소드에도 동일한 값이 전달되며 이를 통해 하나의 onActivityResult()메소드에서 여러 개의 startActivityForResult()를 구분할 수 있음.

  5. 해당 코드에서는 인수를 companion object를 사용하여 정적 변수로 초기화.

// 회원가입 텍스트뷰 이벤트
txt_main_signUp.setOnClickListener {
    val intent = Intent(this, SignUpActivity::class.java)
    startActivityForResult(intent, SIGNUP_ACTIVITY_REQUEST_CODE)
}

companion object { // companion object를 사용하면 자바에서 정적 변수/메서드를 사용했던 것과 동일하게 사용할 수 있다.
        const val SIGNUP_ACTIVITY_REQUEST_CODE = 0
}

SignUpActivity.kt

  1. 회원가입 버튼을 눌렀을 때, EditTextView에 값이 전부 있는 경우 "회원가입 완료" 라는 ToastMessage를 띄우고 그 외에는 "빈칸이 있습니다." 라는 ToastMessage를 띄움.

  2. 모든 값이 EditTextView에 전부 입력되면 intent.putExtra() 메소드를 호출하여 key에 value를 저장하고 setResult() 메소드를 호출하여 결과 코드와 intent를 세팅. 결과 코드에서 RESULT_OK와 RESULT_CANCEL 모두 Activity의 멤버 변수임. (이때 requestCode(요청 코드)는 따로 세팅해주지 않아도 MainActivity로 함께 전달됨.)

  3. finish()로 현재 액티비티를 종료하면 MainActivity로 돌아옴.

		// 회원가입 버튼 이벤트
        btn_signup_signup.setOnClickListener{
            val name = edt_signup_name.text.toString()
            val id = edt_signup_id.text.toString()
            val passwd = edt_signup_passwd.text.toString()

            if(name.isEmpty() || id.isEmpty() || passwd.isEmpty())
                Toast.makeText(this,"빈칸이 있습니다.", Toast.LENGTH_SHORT).show()
            else {
                Toast.makeText(this, "회원가입 완료", Toast.LENGTH_SHORT).show() 
                // 모든 사항이 적혔으면 intent.putExtra를 사용하여 id와 passwd 전달
                val intent = Intent()
                intent.putExtra("signup_id", id)
                intent.putExtra("signup_passwd", passwd)
                setResult(Activity.RESULT_OK, intent)
                finish()
            }
        }

MainActivity.kt

  1. MainActivity로 돌아오면서 onActivityResult() 메소드가 실행됨.

  2. SIGNUP_ACTIVITY_REQUEST_CODE를 통해 startActivityForResult()를 구분하고 SignUpActivity에서 전달한 resultCode가 Activity.RESULT_OK일 경우 동작함.

  3. getStringExtra() 메소드에 key값을 대입하여 value를 받아옴. 여기서 value는 SignUpActivity에서 저장한 데이터임.

  4. 데이터를 받아오자마자 SharedPreferences에 저장한 후 MainActivity의 id와 password EditText에 값을 저장함.

override fun onActivityResult(requestCode: Int, resultCode: Int, data: Intent?) {
        super.onActivityResult(requestCode, resultCode, data)

        // Check that it is the SecondActivity with an OK result
        if (requestCode == SIGNUP_ACTIVITY_REQUEST_CODE) {
            if (resultCode == Activity.RESULT_OK) {

                // Get String data from Intent
                MySharedPreferences.setSignup_Id(this, (data!!.getStringExtra("signup_id")).toString())
                MySharedPreferences.setSignup_Pass(this, (data!!.getStringExtra("signup_passwd")).toString())

                // Set edit text with string
                edt_main_inputId.setText(MySharedPreferences.getSignup_Id(this))
                edt_main_inputPasswd.setText(MySharedPreferences.getSignup_Pass(this))
            }
        }
    }

SharedPreferences

MySharedPreferences.kt

  1. 간단한 설정 값이나 문자열 같은 데이터들을 DB에 저장하기 부담스럽고 애매한 경우에 안드로이드에서 기본적으로 제공하는 SharedPreferences()를 사용하여 데이터를 관리할 수 있음.

  2. App의 개별 데이터 저장소에 xml파일로 저장하여 앱을 삭제하면 데이터도 삭제됨.

  3. 데이터의 형태 : key/value 형태

  4. 자세한 파일 위치 : Device File Explorer에서 data/data/(package_name)/shared_prefs/(sharedPrefFile_name).xml

  5. SharedPreferences 객체 생성

    getSharedPreferences()를 호출하여 생성, 인자로는 xml파일의 이름과 mode가 필요함. 해당 코드에서는 "account", Context.MODE_PRIVATE로 설정.

  6. SharedPreferences 데이터 저장

    SharedPreferences .Editor를 사용. 해당 코드에서는 prefs.edit()으로 Editor 객체를 가져옴.

    Editor.putString(), Editor.putInt() 등의 메소드를 통해 데이터 저장 가능. 첫번째 인자 key, 두번째 인자 value.

    put()을 했다고 데이터가 바로 xml파일에 저장되는 것은 아님. 데이터를 파일에 저장하려면 Editor.apply()를 호출.

    Editor.apply() : 비동기적으로(asynchronously) 동작하기 때문에 처리중인 Thread가 Blocking되지 않음.

    Editor.commit() : 동기적으로(synchronously) 동작하기 때문에 처리중인 Thread가 blocking될 수 있음.

    때문에 저장될 때까지 기다릴 필요가 없다면 apply()를 사용하는 것이 좋음.

  7. SharedPreferences 데이터 읽기

    SharedPreferences.getString(), SharedPreferences.getInt() 등의 메소드를 사용하여 데이터 읽기 가능. 첫번째 인자 key, 두번째 인자 default value (key에 대한 데이터가 없을 때 리턴되는 값).

  8. SharedPreferences 데이터 삭제

    Editor.clear() : 데이터 삭제

    Editor.apply() : 해당 내용 저장

import android.content.Context
import android.content.SharedPreferences

object MySharedPreferences { 
    private val MY_ACCOUNT : String = "account"

    fun setSignup_Id(context: Context, input: String) {
        val prefs : SharedPreferences = context.getSharedPreferences(MY_ACCOUNT, Context.MODE_PRIVATE)
        val editor : SharedPreferences.Editor = prefs.edit() // SharedPreferences 개체의 값을 수정하는 데 사용되는 인터페이스
        editor.putString("id", input) // id라는 key 값으로 input이라는 String 저장
        editor.apply() // editor.commit()도 됨
        // commit = 동기화, apply = 비동기화
    }

    fun getSignup_Id(context: Context): String {
        val prefs : SharedPreferences = context.getSharedPreferences(MY_ACCOUNT, Context.MODE_PRIVATE)
        return prefs.getString("id", "").toString() // id라는 key 값을 가진 string 가져오기, default = ""
    }

    fun setSignup_Pass(context: Context, input: String) {
        val prefs : SharedPreferences = context.getSharedPreferences(MY_ACCOUNT, Context.MODE_PRIVATE)
        val editor : SharedPreferences.Editor = prefs.edit()
        editor.putString("passwd", input)
        editor.apply()
    }

    fun getSignup_Pass(context: Context): String {
        val prefs : SharedPreferences = context.getSharedPreferences(MY_ACCOUNT, Context.MODE_PRIVATE)
        return prefs.getString("passwd", "").toString()
    }

    fun setAutologin(context: Context, input: Boolean) {
        val prefs : SharedPreferences = context.getSharedPreferences(MY_ACCOUNT, Context.MODE_PRIVATE)
        val editor : SharedPreferences.Editor = prefs.edit()
        editor.putBoolean("autologin", input)
        editor.apply()
    }

    fun getAutologin(context: Context): Boolean {
        val prefs : SharedPreferences = context.getSharedPreferences(MY_ACCOUNT, Context.MODE_PRIVATE)
        return prefs.getBoolean("autologin", false)
    }

    fun clearUser(context: Context) {
        val prefs : SharedPreferences = context.getSharedPreferences(MY_ACCOUNT, Context.MODE_PRIVATE)
        val editor : SharedPreferences.Editor = prefs.edit()
        editor.clear()
        editor.apply()
    }
}

MainActivity.kt

  1. 로그인 버튼을 클릭했을 때, 입력한 id/password == 회원가입된 id/password 이면 HomeActivity 실행, 아이디 비번 입력 안하면 로그인 안됨.

  2. HomeActivity 실행 직전에 자동로그인 체크박스에 체크가 되어 있으면 MySharedPreferences.setAutologin(this,true), 아니면 false를 저장

  3. 재부팅 시 MySharedPreferences.getAutologin(this)이 true면 HomeActivity로 이동, 아니면 MainActivity 화면 출력

if(MySharedPreferences.getAutologin(this)) { // 자동로그인이 표시되어 있으면 바로 HomeActivity로 화면 전환
            val intent = Intent(this, HomeActivity::class.java)
            startActivity(intent)
        }

// 로그인 버튼 이벤트
        btn_main_login.setOnClickListener {
            if(edt_main_inputId.text.toString() == MySharedPreferences.getSignup_Id(this) && // 입력한 id와 pw, 그리고 회원가입된 id와 pw가 같으면 HomeActivity 실행, 아이디 비번 입력 안하면 로그인 안됨
                edt_main_inputPasswd.text.toString() == MySharedPreferences.getSignup_Pass(this) &&
                edt_main_inputId.text.toString() != "" && edt_main_inputPasswd.text.toString() != ""){
                if(chk_main_autologin.isChecked) // 자동로그인 확인
                    MySharedPreferences.setAutologin(this,true)
                else
                    MySharedPreferences.setAutologin(this,false)
                val intent = Intent(this, HomeActivity::class.java)
                startActivity(intent)
            }else{
                Toast.makeText(this, "아이디와 비밀번호를 확인해주세요.", Toast.LENGTH_SHORT).show()
            }
        }

HomeActivity.kt

  1. 로그아웃 버튼

    로그아웃 버튼을 누르면 자동로그인 설정을 false로 수정 후 finish()하여 MainActivity로 돌아감.

// 로그아웃 버튼 이벤트
        btn_home_logout.setOnClickListener {
            MySharedPreferences.setAutologin(this,false)
            finish()
        }

  1. 종료 버튼

    종료 버튼을 누르면 ActivityCompat.finishAffinity(this)를 통해 액티비티를 종료한 후 System.exit(0) 명령으로 프로세스를 종료함.

    App을 실행시키면 자동로그인이 됨.

// 종료 버튼 이벤트
        btn_home_exit.setOnClickListener {
            ActivityCompat.finishAffinity(this) // 액티비티 종료
            System.exit(0) // 프로세스 종료
        }



Seminar 2

제출 일자 : 2020.10.30 (remove update 2020.10.31)

실행 화면

alt text

코드 설명

RecyclerView

ProfileData.kt

  1. 데이터 객체인 data class 생성.

  2. Parcelable

    Android SDK의 인터페이스.

    Percelize를 사용하여 수동으로 해줘야할 작업들을 간소화.

    데이터 전송 시 용이함.

@Parcelize
data class ProfileData(
    val title : String,
    val subTitle : String,
    val content : String
) : Parcelable

ProfileViewHolder.kt

  1. Adapter가 data class에 있는 데이터를 layout(아이템뷰)에 Bind.
  2. ProfileViewHolder는 아이템뷰에 있는 텍스트뷰 id를 요소로 받음.
  3. Adapter가 onBind() 메소드를 이용하여 data class에 있는 데이터를 해당 아이템뷰에 있는 텍스트뷰에 저장
class ProfileViewHolder(itemView : View) : RecyclerView.ViewHolder(itemView) {
    private val title : TextView = itemView.findViewById(R.id.txt_profile_title)
    private val subTitle = itemView.findViewById<TextView>(R.id.txt_profile_subtiltle)

    fun onBind(data : ProfileData){ //Adapter에서 함수 호출, 실질적으로 데이터를 요소들에 저장하는 함수
        title.text = data.title
        subTitle.text = data.subTitle
    }
}

ProfileAdapter.kt

  1. ProfileViewHolder를 생성하고 불러온 ProfileData를 ProfileViewHolder에 저장하는 역할

  2. onCreateViewHolder(), getItemCount(), onBindViewHolder() 메소드는 무조건 override 해야됨.

  3. onCreateViewHolder()

    아이템뷰를 가진 ProfileViewHolder를 생성

    itemView.setOnClickListener를 통해 해당 adapterPosition에 해당하는 데이터를 가져와서 DetailProfileActivity에 intent.putExtra() 데이터를 저장 후 startActivity(intent)로 인텐트 전송

  4. getItemCount()

    아이템 개수를 가져오는 메소드

  5. onBindViewHolder()

    실질적으로 데이터를 뷰에 저장하는 메소드

class ProfileAdapter(private val context : Context) : RecyclerView.Adapter<ProfileViewHolder>()  {

    var data = mutableListOf<ProfileData>() // ProfileData를 가져옴

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ProfileViewHolder {
        val view = LayoutInflater.from(context).inflate(R.layout.activity_profile,parent,false)
        return ProfileViewHolder(view).apply {
            // item을 클릭하면 상세 화면으로 이동
            itemView.setOnClickListener {
                val curPosition : Int = adapterPosition
                val profile : ProfileData = data.get(curPosition)
                val intent = Intent(context, DetailProfileActivity::class.java)

                intent.putExtra("profile", profile)
                context.startActivity(intent)
            }
        }
    }

    override fun getItemCount(): Int = data.size // 데이터 사이즈 == 아이템 개수
//    override fun getItemCount(): Int {
//        return data.size
//    } 같은 코드

    // 실질적으로 데이터를 뷰에 저장
    override fun onBindViewHolder(holder: ProfileViewHolder, position: Int) {
        holder.onBind(data[position])
    }
}

RecyclerViewActivity.kt

  1. recyclerview layout을 시작.
  2. profileAdapter에 context로 this(RecyclerViewActivity)를 대입.
  3. main_rcv는 RecyclreView의 id임
  4. main_rcv의 adapter에 profileAdapter를 세팅, layoutManager는 LinearLayoutManager로 세팅 (default = vertical)
  5. profileAdapter에 데이터를 저장
  6. Adapter에 데이터가 갱신되면 알려줌.
class RecyclerViewActivity : AppCompatActivity() {
    private lateinit var profileAdapter : ProfileAdapter // lateinit으로 초기화를 늦춤

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

        profileAdapter = ProfileAdapter(this) // this = RecyclerViewActivity

        main_rcv.apply{
            adapter = profileAdapter // RecyclerView의 adapter에 profileAdapter를 세팅
            layoutManager = LinearLayoutManager(this@RecyclerViewActivity) // RecyclerView의 배치 방향을 LinearLayoutManager로 설정, default로 vertical
        }
        // 아래 코드와 동일
//        main_rcv.adapter = profileAdapter
//        main_rcv.layoutManager = LinearLayoutManager(this)

        profileAdapter.data = mutableListOf( // Adapter의 data 리스트에 데이터 저장
            ProfileData("이름", "한재현", "한재현입니다."),
            ProfileData("나이", "25", "1996. 06. 01"),
            ProfileData("파트", "안드로이드", "안드루와~"),
            ProfileData("Github", "www.github.com/wogus0333", "깃터디지만 깃알못입니다."),
            ProfileData("phone", "010-2384-3932", "장난전화 금지"),
            ProfileData("sopt", "www.sopt.org", "27th ON SOPT"),
            ProfileData("insta", "www.instagram.com/onejh96__", "follow me")
        )
        profileAdapter.notifyDataSetChanged() // Adapter에 데이터가 갱신되었다고 알려주기
    }
}

GridLayout

Item_gridprofile.xml

  1. GridLayout으로 나타낼 ItemView를 생성.

ProfileAdapter.kt

  1. LayoutChange() 메소드를 사용하여 LinearLayout과 GridLayout을 교체할 수 있게 해줌.
class ProfileAdapter(private val context : Context) : RecyclerView.Adapter<ProfileViewHolder>()  {
	...
    var layoutItem = R.layout.activity_profile

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ProfileViewHolder {
        val view = LayoutInflater.from(context).inflate(layoutItem,parent,false)
        return ProfileViewHolder(view).apply {
            // item을 클릭하면 상세 화면으로 이동
            itemView.setOnClickListener {
                val curPosition : Int = adapterPosition
                val profile : ProfileData = data.get(curPosition)
                val intent = Intent(context, DetailProfileActivity::class.java)

                intent.putExtra("profile", profile)
                context.startActivity(intent)
            }
        }
    }

   ....

    fun LayoutChange(layoutItem:Int){
        this.layoutItem = layoutItem
    }
}

RecyclerViewActivity.kt

  1. onCreateOptionsMenu() 메소드를 override하여 옵션메뉴 리소스 지정
  2. linear menu item을 누르면 ProfileAdapter.kr에서 만든 LayoutChange() 메소드를 사용하여 LinearLayout으로 설정한 후 LinearLayoutManager 사용.
  3. grid menu item을 누르면 ProfileAdapter.kr에서 만든 LayoutChange() 메소드를 사용하여 GirdLayout으로 설정한 후 GridLayoutManager 사용.
class RecyclerViewActivity : AppCompatActivity() {
    
    ...

    override fun onCreateOptionsMenu(menu: Menu?): Boolean { // 옵션메뉴 리소스 지정
        menuInflater.inflate(R.menu.menu, menu)
        return true
    }

    override fun onOptionsItemSelected(item: MenuItem): Boolean { // 옵션 메뉴의 처리
        when(item?.itemId){
            R.id.item_menu_logout -> { // 로그아웃 버튼 이벤트
                MySharedPreferences.setAutologin(this,false)
                finish()
            }
            R.id.item_menu_exit -> { // 종료 버튼 이벤트
                ActivityCompat.finishAffinity(this)
                System.exit(0)
            }
            R.id.item_menu_linear -> {
                profileAdapter.LayoutChange(R.layout.activity_profile)
                main_rcv.adapter = profileAdapter
                main_rcv.layoutManager = LinearLayoutManager(this@RecyclerViewActivity)
            }
            R.id.item_menu_grid -> {
                profileAdapter.LayoutChange(R.layout.activity_gridprofile)
                main_rcv.adapter = profileAdapter
                main_rcv.layoutManager = GridLayoutManager(this@RecyclerViewActivity, 3)
            }
        }
        return super.onOptionsItemSelected(item)
    }
}

ItemTouchHelper

itemTouchHelper.kt

  1. SimpleCallback() 생성 시 onMove()와 onSwiped()의 방향을 정할 수 있음. 본 코드에서는 '상하좌우 / 좌'로 설정.

  2. onMove()

    RecyclerView와 RecyclerView의 시작(이동 전) ViewHolder, 끝(이동 후) ViewHolder를 받아와서 adapterPosition을 바꿈.

  3. onSwiped()

    RecyclerView.ViewHolder와 direction(swiped direction)를 받아서 removeAt() 메소드로 해당 adapterPostion의 데이터를 삭제하고 notifyItemRemoved() 메소드로 어댑터에서 RecyclerView에 반영하도록 함.

fun itemTouchHelper(adapter : ProfileAdapter) : ItemTouchHelper{
    val helper = ItemTouchHelper(object :
        ItemTouchHelper.SimpleCallback(
            ItemTouchHelper.UP or ItemTouchHelper.DOWN or ItemTouchHelper.START or ItemTouchHelper.END,
            ItemTouchHelper.START
        ) {
        override fun onMove( 
            recyclerView: RecyclerView,
            from: RecyclerView.ViewHolder,
            to: RecyclerView.ViewHolder
        ): Boolean {
            val fromPosition = from.adapterPosition
            val toPosition = to.adapterPosition
            adapter.notifyItemMoved(fromPosition, toPosition)
            return false
        }
        override fun onSwiped(viewHolder: RecyclerView.ViewHolder, direction: Int) { 
            adapter.data.removeAt(viewHolder.adapterPosition)
            adapter.notifyItemRemoved(viewHolder.adapterPosition)
        }
    })
    return helper
}

RecyclerViewActivity.kt

  1. profileAdapter를 가진 itemTouchHelper를 생성해서 attachToRecyclerView의 인자로 RecyclerView를 넣어줌.
class RecyclerViewActivity : AppCompatActivity() {
    private lateinit var profileAdapter : ProfileAdapter // lateinit으로 초기화를 늦춤

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

        ...
        
        val helper = itemTouchHelper(profileAdapter) // itemTouchHelper 사용
        helper.attachToRecyclerView(main_rcv)
        
        ...
    }

    ...
}

Seminar 3

제출 일자 : 2020.10.06

실행 화면

alt text

코드 설명

ViewPager / ViewPagerAdapter / BottomNavigation

ProfileViewPagerAdapter.kt

  1. 프로필 안에서 사용할 ViewPagerAdapter
  2. Adapter는 FragmentManager 필요
  3. 보여지는 화면 기준으로 양 옆 프래그먼트를 제외한 나머지를 완전히 파괴하여 메모리 누수 관리에 효과적인 FragmentStatePagerAdapter 사용
class ProfileViewPagerAdapter (fm : FragmentManager) :
    FragmentStatePagerAdapter(fm, BEHAVIOR_RESUME_ONLY_CURRENT_FRAGMENT){

    override fun getItem(position: Int): Fragment = when(position){
        0 -> ProfileInfoFragment()
        1 -> ProfileOtherFragment()
        else -> throw IllegalStateException("Unexpcted position $position")
    }
    override fun getCount(): Int = 2
}

MainViewPagerAdapter.kt

  1. App 전반적으로 사용할 ViewPagerAdapter
  2. ProfileViewHolder는 아이템뷰에 있는 텍스트뷰 id를 요소로 받음.
  3. Adapter가 onBind() 메소드를 이용하여 data class에 있는 데이터를 해당 아이템뷰에 있는 텍스트뷰에 저장
class MainViewPagerAdapter (fm : FragmentManager) :
    FragmentStatePagerAdapter(fm, BEHAVIOR_RESUME_ONLY_CURRENT_FRAGMENT){

    override fun getItem(position: Int): Fragment = when(position){
        0 -> ProfileFragment()
        1 -> PortfolioFragment()
        2 -> SettingFragment()
        else -> throw IllegalStateException("Unexpcted position $position")
    }
    override fun getCount(): Int = 3
}

ViewPagerActivity.kt

  1. supportFragment로 프래그먼트 매니저를 불러옴
  2. ViewPager에 선언한 Adapter 장착
  3. setOnNavigationItemSelectedListener을 사용해 Bottom Navigation에 있는 항목을 누를 때마다 해당 화면으로 이동
  4. ViewPager의 화면전환을 감지하는 addOnPageChangeListener 리스너
class ViewPagerActivity : AppCompatActivity() {
    private lateinit var viewPagerAdapter: MainViewPagerAdapter

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

        viewPagerAdapter = MainViewPagerAdapter(supportFragmentManager)

        sample_bottom_viewpager.adapter = viewPagerAdapter

        // ViewPager slide 시 BottomNavi 변경
        sample_bottom_viewpager.addOnPageChangeListener(object : ViewPager.OnPageChangeListener{
            override fun onPageScrollStateChanged(state: Int) {}
            override fun onPageScrolled(
                position: Int,
                positionOffset: Float,
                positionOffsetPixels: Int
            ) {}

            override fun onPageSelected(position: Int) {
                sample_bottom_navi.menu.getItem(position).isChecked = true
            }
        })

        // 바텀 네비게이션 세팅
        sample_bottom_navi.setOnNavigationItemSelectedListener {
            var index by Delegates.notNull<Int>()
            when (it.itemId) {
                R.id.menu_profile -> index = 0
                R.id.menu_portfolio -> index = 1
                R.id.menu_setting -> index = 2
            }
            sample_bottom_viewpager.currentItem = index
            true
        }
    }
}

TabLayout


Profilefragment.kt

  1. setupWithViewPager()를 사용하여 TabLayout에 ViewPager 연동
  2. getTabAt(index)?.text = ""를 통해 각 인덱스와 일치하는 탭 아이템 title 작성
class ProfileFragment : Fragment() {
    private lateinit var homeViewPagerAdapter: ProfileViewPagerAdapter

    override fun onCreateView(
        inflater: LayoutInflater, container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        val view = inflater.inflate(R.layout.fragment_profile, container, false)
        return view
    }

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        homeViewPagerAdapter = ProfileViewPagerAdapter(childFragmentManager)

        vp_home.adapter = homeViewPagerAdapter

        tab_home.setupWithViewPager(vp_home)
        tab_home.apply {
            getTabAt(0)?.text = "INFO"
            getTabAt(1)?.text = "OTHER"
        }
        super.onViewCreated(view, savedInstanceState)
    }
}

Seminar 6

제출 일자 : 2020.10.06

실행 화면

alt text

alt text

alt text

코드 설명

RequestSignUpData / ResponseSignUpData / RequestLoginData / ResponseLoginData

RequestSignUpdata.kt

  1. 회원가입 시 서버에게 전송할 데이터 클래스
data class RequestSignUpData (
    val email : String,
    val password : String,
    val userName : String
)

ResponseSignUpData .kt

  1. 회원가입 시 서버에게 받을 데이터 클래스
data class ResponseSignUpData(
    val status : Int,
    val success : Boolean,
    val message : String,
    val data : SignUpData
) {
    data class SignUpData(
        val email : String,
        val password : String,
        val userName : String
    )
}

RequestLoginData .kt

  1. 로그인 시 서버에게 전송할 데이터 클래스
data class RequestLoginData(
    val email : String,
    val password : String
)

ResponseLoginData.kt

  1. 로그인 시 서버에게 받을 데이터 클래스
data class ResponseLoginData(
    val status : Int,
    val success : Boolean,
    val message : String,
    val data : LoginData
) {
    data class LoginData(
        val email : String,
        val password : String,
        val userName : String
    )
}

build.gradle (Module.app)

dependencies 추가

 // https://github.com/square/retrofit
 implementation 'com.squareup.retrofit2:retrofit:2.9.0'

 // Retrofit라이브러리 응답으로 가짜 객체를 만들기 위함
 implementation 'com.squareup.retrofit2:retrofit-mock:2.9.0'

 // https://github.com/google/gson
 implementation 'com.google.code.gson:gson:2.8.6'

 // Retrofit에서 Gson 을 사용하기 위한 라이브러리
 implementation 'com.squareup.retrofit2:converter-gson:2.9.0'

인터넷 사용 권한 및 http 사용 권한 추가

AndroidManifest.xml

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.hjh96.sopt1.api">
    <!--    retrofit 사용을 위한 인터넷 사용권한 추가-->
    <uses-permission android:name="android.permission.INTERNET" />

    <application
        android:usesCleartextTraffic="true"

Interface

SoptService.kt

  1. 통신 시 부를 함수들의 프로토타입 모음
  2. @Headers : 요청 헤더
  3. @POST : POST 경로
  4. @Body : 요청 바디(Request~~~~Data)
  5. Call : 응답 바디(Response~~~~Data)
package com.hjh96.sopt1.api

import com.hjh96.sopt1.RequestLoginData
import com.hjh96.sopt1.RequestSignUpData
import com.hjh96.sopt1.ResponseLoginData
import com.hjh96.sopt1.ResponseSignUpData
import retrofit2.Call
import retrofit2.http.*

interface SoptService {
    // 회원가입
    @Headers("Content-Type: application/json")
    @POST("/users/signup")
    fun postSignUp(
        @Body body: RequestSignUpData
    ) : Call<ResponseSignUpData>

    // 로그인
    @Headers("Content-Type: application/json")
    @POST("/users/signin")
    fun postLogin(
        @Body body : RequestLoginData
    ) : Call<ResponseLoginData>
}

Object

SoptServiceImpl.kt

  1. 인터페이스를 구현하여 통신 기능이 있는 변수들의 모음
  2. Retrofit.Builder() : 빌더 생성
  3. baseUrl(BASE_URL) : 빌더에 베이스 전달
  4. addConverterFactory(GsonConverterFactory.create()) : Gson 연동
  5. build() : Retrofit 객체 반환
  6. baseRetrofit.create(SoptService:: class.java) : 실제 구현체 생성
package com.hjh96.sopt1.api

import retrofit2.Retrofit
import retrofit2.converter.gson.GsonConverterFactory

object SoptServiceImpl {
    private const val BASE_URL = "http://15.164.83.210:3000"

    private val baseRetrofit : Retrofit = Retrofit.Builder()
        .baseUrl(BASE_URL)
        .addConverterFactory(GsonConverterFactory.create())
        .build()
    val baseService : SoptService = baseRetrofit.create(SoptService:: class.java)
}

Call


SignUpActivity.kt

  1. 통신이 필요한 부분
  2. enqueue() : 실제 서버 통신을 비동기적으로 요청
  3. onResponse() : 통신 성공 시 호출, response.body()에 데이터 존재
val call : Call<ResponseSignUpData> = SoptServiceImpl.baseService.postSignUp(
                RequestSignUpData(email = email, password = password, userName = userName)
            )
            call.enqueue(object : Callback<ResponseSignUpData> {
                override fun onFailure(call: Call<ResponseSignUpData>, t: Throwable) {
                    // 통신 실패 로직
                    Log.d("tag", t.localizedMessage)
                }

                override fun onResponse(
                    call: Call<ResponseSignUpData>,
                    response: Response<ResponseSignUpData>
                ) {
                    response.takeIf { it.isSuccessful }
                        ?.body()
                        ?.let { it ->
                            // do something
                        } ?: showError(response.errorBody())
                }
            })
        }
    }

    private fun showError(error : ResponseBody?) {
        val e = error ?: return
        val ob = JSONObject(e.string())
        Toast.makeText(this, ob.getString("message"), Toast.LENGTH_LONG).show()
    }

About

No description, website, or topics provided.

Resources

Readme
Activity
Custom properties

Stars

5 stars

Watchers

1 watching

Forks

0 forks
Report repository

Releases

No releases published

Packages

No packages published

Languages