본문 바로가기

Android Project

(33)
[Android / Kotlin] SNS 앱 팀 프로젝트 - 회원가입, 로그인 / 마이페이지 이번에는 회원가입,로그인 페이지를 만들어볼건데 먼저 메인엑티비티에서 프로필 이미지를 클릭하면 회원가입과 로그인을 할 수 있는 페이지로 이동할것이기 때문에 먼저 메인엑티비티에 추가로 디자인해줄것이다 # MainActivity에 디자인추가 activity_main.xml 이런식으로 저번에 디자인해줬던 메인엑티비티에 상단 레이아웃을 추가로 디자인해줬다 그리고 MainActivity로 가서 프로필이미지를 클릭했을때 FirstActivity로 이동하도록해준다 class MainActivity : AppCompatActivity() { lateinit var emailData : String lateinit var nameData : String lateinit var intentToLogin : Intent la..
[Android / Kotlin] SNS 앱 팀 프로젝트 - 디테일페이지 저번 포스팅에서 리사이클러뷰 아이템을 클릭했을때 DetailActivity로 이동하고 이동할때 title,content,image데이터를 전달해주는 작업까지 완료했다 이제 DetailActivity를 디자인하고 보낸 데이터를 받아서 화면에 표시해주는 작업을 해볼것이다! # DetailActivity 레이아웃 디자인 activity_detail.xml 어짜피 데이터를 뿌려줄거기 때문에 이런식으로 디자인했다 처음엔 빈하트가 보이고 빈하트를 누르면 채워진하트 이미지로 변경해줄것이기 때문에 빈하트는 visibility를 visible로 설정해서 보이게 했고, 채워진하트는 invisible로 설정해서 일단 화면에 안보이게 했다 그리고 더보기버튼으로 텍스트의 길이를 길게 보여주는 용도로 사용할건데, 초기에는 보이지..
[Android / Kotlin] SNS앱 팀 프로젝트 - 메인페이지 본격적으로 첫 팀프로젝트를 시작했는데 주제는 SNS관련 앱을 만드는것이였다 예시로는 인스타앱을 제시해주었지만 우리조는 어떤 SNS관련앱을 만들까 생각하다가 VLIVE(V앱)을 참고해서 우리조가 좋아하는 아이돌들에 대한 게시물을 볼 수 있는 SNS앱을 만들어보았다! 그래서 피그마를 사용해서 아래와 같이 와이어프레임을 짜봤다 디자인은 V앱을 많이 참고해서 만들었다ㅎㅎ 일단 처음에 메인화면부터 만들어줄건데 bottomnavigationview를 사용해서 홈화면과 마이페이지를 클릭했을때 홈프레그먼트,마이페이지 프레그먼트가 나오게 만들어줘야한다 예전에 만들어본적이 있어서 내가 쓴 블로그를 다시 참조해서 코드를 작성했다. 기록하는게 진짜 중요한것같다.. 해봤어도 까먹어서 내가 적었던 블로그를 보면 다시 기억이 잘난..
[kotlin]간단한 로또번호 생성앱 만들기 내가 원하는 번호를 선택해서 추가할수있고 자동생성시작 버튼을 누르면 내가 포함한값을 빼고 랜덤으로 번호가 자동생성되는 간단한 로또번호 생성앱을 만들어볼것이다. 내가 번호를 추가하지 않으면 6개가 아얘 랜덤으로 생성이 되고, 초기화버튼을 누르면 공과 번호 picker 선택창도 초기화된다 먼저 화면은 이렇게 디자인해줬다 로또 번호 선택하는 부분은 NumberPicker를 사용하여 디자인해줬고, 숫자적힌 공은 visiblity = "gone" 로 설정해서 일단 안보이게 해줬다 class MainActivity : AppCompatActivity() { // lazy를 사용해서 미리 선언 private val clearButton by lazy { findViewById(R.id.btn_clear) } priv..
[kotlin] 간단한 BMI 계산기앱 만들기 신장과 체중을 입력하고 확인을 누르면 나의 BMI를 계산해서 BMI 결과값을 보여주는 간단한 앱을 만들어 볼것이다 먼저 신장과 체중을 입력해주는 메인화면을 디자인해준다 이제 MainActivity에서 확인하기 버튼을 클릭했을때 신장을 입력한값과 체중을 입력한 값을 PutExtra를 사용해서 ResultActivity로 넘겨준다. 만약에 신장값과 체중값을 넣지 않았을땐 토스트메시지가 뜨면서 페이지가 넘어가지 않도록 예외처리를 해준다 class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout...
[Android/Kotlin] 커뮤니티앱(13) - 게시판 댓글 댓글을 입력했을때 나오는 영역을 만들어주기 위해서 게시물눌렀을때 나오는 레이아웃에 ListView를 추가해준다 그리고 게시물 이미지가 업로드 되지 않은경우에는 이미지뷰를 보이지 않도록 숨겨주는 코드를 getImageData함수 내에 작성해준다 // 이미지를 업로드하지 않았을때는 getImageArea를 보이지않도록 binding.getImageArea.isVisible = false BoardInsideActivity.kt 그 다음에 댓글입력 레이아웃을 디자인해준다 BoardInsideActivity에 아래와같이 추가해준다 BoardInsideActivity.kt 이제 입력한 댓글을 파이어베이스 데이터베이스에 저장해주는 작업을 해볼것이다 게시물들 각각에 대한 댓글들을 입력할수있어야되니깐 파이어베이스 구조..
예제 앱 만들기(4) - 게시글 리스트뷰에 표시 myRef는 데이터베이스가 저장될 위치를 지정해준것이다 board라는 myRef에서 데이터를 가져온다 BoardListActivity에 아래와같이 코드를 짜준다. 로그값을 찍어서 값이 잘 나왔는지 확인해본다 package com.example.mysampleapp import android.content.ContentValues.TAG import android.content.Intent import androidx.appcompat.app.AppCompatActivity import android.os.Bundle import android.util.Log import android.widget.Button import com.google.firebase.database.DataSnapshot impo..
예제 앱 만들기(3) - 게시글 등록 이번에는 게시판 예제를 만들어서 리얼타임 데이터베이스에 대해 이해하는 작업을 해볼것이다 BoardListActivity, BoardWriteActivity와 각각에 해당하는 xml파일을 생성해준다 MainActivity로 돌아가서 로그인 성공하면 BoardListActivity로 이동하도록 코드를 짜준다 // 로그인 auth.signInWithEmailAndPassword(email.text.toString(), pwd.text.toString()) //로그인 성공 .addOnCompleteListener(this) { task -> if (task.isSuccessful) { Toast.makeText(this, "ok", Toast.LENGTH_SHORT).show() Toast.makeText(th..
예제 앱 만들기(2) - 데이터바인딩, 로그인, 로그아웃 저번에 만든 회원가입 예제는 이미 이메일과 패스워드를 정해놓았기 때문에 그 정해놓은 이메일과 패스워드로만 회원가입이 되었었다. 이번에는 사용자가 입력한 이메일과 비밀번호로 회원가입이 되도록 해볼것이다 사용자가 입력한 이메일과 비밀번호를 받아오는 방법이 2가지가 있는데 두방법 다 해볼것이다 1) 첫번째 방법 -> findViewById 사용 package com.example.mysampleapp import androidx.appcompat.app.AppCompatActivity import android.os.Bundle import android.widget.Button import android.widget.EditText import android.widget.Toast import com.goo..
예제앱 만들기(1) - 파이어베이스 설정, 회원가입 아주간단한 회원가입,로그인하는 예제를 만들어볼것이다 먼저 안드로이드 스튜디오에서 newSamPleApp이라는 새로운 프로젝트를 생성해준다 파이어베이스에도 mySampleProject라는 프로젝트를 생성해준뒤 Tools-> Firebase -> Analytics -> Connect your app to Firebase에 있는 첫번째 버튼을 눌러 안드로이드 스튜디오와 연결해준다 그런다음 Firebase Authentication -> Sign in method로 들어가서 이메일/비밀번호 , 익명 상태를 활성화시켜준다 익명을 활성화시켜준 이유는 비회원일때도 앱 사용을 가능하게하기 위해서이다 다시 안드로이드 스튜디오로 돌아온다음 Firebase공식문서(https://firebase.google.com/docs/..