Android/간단한 로그인 화면 만들기(기초) 검색 결과
4 개의 검색 결과가 있습니다.
Android/간단한 로그인 화면 만들기(기초)

간단한 로그인 창 만들기 #4 - Data 입력 값 받기

UI에서의 데이터를 가져와서 활용하기 프로젝트를 처음 만들어서 보면 MainActivity.java 파일은 다음과 같다. package com.example.androidtest; import androidx.appcompat.app.AppCompatActivity; public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); } } 이 파일의 실행에 대한 내용은 이전에 포스팅한 글 3-2 어플리케이션 실행을 참고하길 바란다..

2021. 1. 12. 00:12
Android/간단한 로그인 화면 만들기(기초)

간단한 로그인 창 만들기 #3 - UI 생성(3) 마무리

지금까지 UI를 완성을 했으나 부족한 점이 있다. 버튼의 이미지 파일을 지정하지 않음 AVD 구동 시키고, EditText에 글자 입력할 시 hint가 사라짐 하나씩 수정해 나가보자. 버튼 이미지 삽입 버튼 하나를 보면, 이미지와 텍스트가 공존한다. 하지만 버튼 요소는 텍스트를 지정할 수 있으나, 이미지는 삽입이 불가하다. background를 통해 배경을 이미지화 할 수 있으나, 배경 전체가 이미지로 들어가므로 우리가 목표한 바와는 다르다. 따라서, Button 요소를 버리고 Layout을 통해 이미지와 텍스트를 삽입하자. 이미지를 보면 텍스트는 가운데 정렬되어 있고, 이미지는 왼쪽으로 치우쳐져 있다. 우리는 다음과 같이 만드는 것을 목표로 하자. 이렇게 구현하기 위해서는 LinearLayout보다 R..

2021. 1. 11. 19:13
Android/간단한 로그인 화면 만들기(기초)

간단한 로그인 창 만들기 #2 - UI 생성(2)

이전 내용에 이어서 버튼을 생성하고 텍스트를 생성한 후 배치를 맞추고 마무리한다. 버튼의 디자인을 보니 양 끝이 둥글고 색상이 있으며, 아이콘과 텍스트가 있다. 먼저 디자인을 만들어주자. ProjectName > app > src > main > res > drawable 에 Selector를 만들고 버튼에 디자인을 입힐 것이다. 각 버튼에 따른 xml 파일을 생성한다. 먼저 Log in버튼의 디자인을 꾸며보자. btn_blue.xml 파일을 만들고 selector 를 생성한다. 버튼은 3가지의 상태가 있다. 누른 상태 누르기 전 대기 상태 사용 불가 상태 이 3가지에 맞추어 각각 만들어준다. selector내에 item 요소를 추가하여 디자인을 만든다. 누른 상태 누른 상태는 item 특성에서 stat..

2021. 1. 11. 16:51
Android/간단한 로그인 화면 만들기(기초)

간단한 로그인 창 만들기 #1 - UI 생성(1)

이 이미지를 참고하여 간단한 로그인 창을 구현하는 것이 목표이다. 먼저 이 레이아웃을 그릴 xml파일을 생성한다. xml파일은 ProjectName > app > src > main > res > layout 에 있다. 새로 생성하는 xml파일은 activity_login으로 저장하였다. xml파일을 생성하고 목표하는 이미지를 그려야한다. 그리기 위해서 Layout을 깔아주어야 하는데 Layout 종류에는 LinearLayout, RelativeLayout 등 이 있다. LinearLayout은 각 요소들이 겹치지 않고 선형적으로 생성되는 Layout이고, RelativeLayout은 다른 요소의 유무를 떠나 자신의 위치 위주로 생성되는 Layout이다. 목표하는 이미지는 대부분 겹치지 않는 요소들로 이..

2021. 1. 11. 03:29