안드로이드 스튜디오 카카오톡 비밀번호 확인 화면 만들기 코틀린

안드로이드 스튜디오 카카오톡 비밀번호 확인 화면 만들기 💠⃟💠⃟💠⃟💠⃟

해당 자료는 강의 학습자료이며, Do it! 깡샘의 안드로이드 앱 프로그래밍 with 코틀린을 참고하였습니다.

---

1. 새모듈 만들기

 

Ch6_View 라는 모듈로 새로 만들었다.

File -> New -> New Module

이름 : Ch6_View

Empty Activity

 

 

2. 문자열 리소스 등록하기 (res/values/strings.xml)

<resources>
    <string name="app_name">Ch6_View</string>
    <string name="main_des">
회원님의 소중한 정보 보호를 위해, 카카오계정의 현재 비밀번호를 확인해 주세요.
</string>
    <string name="password_text">비밀번호가 기억나지 않으세요?</string>
</resources>

 

 

3. 레이아웃 XML 파일 작성

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:orientation="vertical"
    android:layout_margin="10dp">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/main_des"
        android:textSize="17dp"
        />
    <TextView
        android:layout_marginTop="10dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="asdf@gmail.com"
        android:textSize="12dp"
        android:textColor="#AFAFAF"/>
    <View
        android:layout_width="match_parent"
        android:layout_height="2dp"
        android:layout_centerInParent="true"
        android:background="#C6C6C6"/>
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="textPassword"
        android:hint="비밀번호"/>
    <TextView
        android:layout_marginTop="10dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/password_text"/>
    <Button
        android:layout_marginTop="10dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="확인"/>


</LinearLayout>

 

 

4. 앱 실행하기