코딩 끝에 낙이 온다 코딩 끝에 낙이 온다

이번엔 각 채팅방을 선택했을 때 이동할 채팅방 화면을 만들어보자. 우선 채팅방에 필요한 UI와, 메시지의 배경 레이아웃을 만들어준다. 위는 화면에 필요한 레이아웃에 사용되는 XML이다. 채팅에 사용되는 메시지의 레이아웃이다. background의 배경은 drawable에 corner를 설정하여 둥근 테두리 배경을 생성했다. 나/상대방 구분은 같은 배경에 색상을 변경하여 구분하도록 했다. @RequiresApi(Build.VERSION_CODES.O) class ChatRoomActivity : AppCompatActivity() { lateinit var binding: ActivityChatroomBinding lateinit var btn_exit: ImageButton lateinit var btn..

이번에는 새로 채팅할 상대를 추가할 수 있는 검색창을 만들어보도록 하겠다. class AddChatRoomActivity : AppCompatActivity() { lateinit var binding:ActivityAddChatroomBinding lateinit var btn_exit: ImageButton lateinit var edt_opponent:EditText lateinit var firebaseDatabase:DatabaseReference lateinit var recycler_people:RecyclerView override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) binding = ..

회원가입 페이지와 로그인 페이지도 만들어졌으니, 이제 진입할 홈 화면을 만들 차례다. 나는 카카오톡처럼 채팅방 목록과 함께 새 채팅방을 추가할 수 있는 버튼과 로그아웃 버튼을 표시했다. 전체 레이아웃 코드는 위와 같다. package com.miso.chatapplication.main import android.content.Intent import android.os.Build import android.os.Bundle import android.widget.Button import android.widget.Toast import androidx.annotation.RequiresApi import androidx.appcompat.app.AlertDialog import androidx.appc..