[패캠 안드로이드] Part2 Ch3.1 비밀 다이어리(1)

⋆｡♡ﾟ☁︎ ⋆｡선주 ﾟ☁︎ ﾟ｡♡⋆｡·2022년 1월 15일
패캠 안드로이드
0

패스트캠퍼스 안드로이드

목록 보기
13/15
post-thumbnail
post-custom-banner

Part2 Ch3.1 비밀 다이어리(1)

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="20dp"
        android:fontFamily="@font/nanumsquareroundb"
        android:text="비밀 다이어리"
        android:textSize="30sp"
        android:textStyle="bold"
        app:layout_constraintBottom_toTopOf="@id/passwordLayout"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" />

    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/passwordLayout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@color/passwordLayoutColor"
        android:padding="15dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.45">

        <NumberPicker
            android:id="@+id/passwordNumberPicker1"
            android:layout_width="wrap_content"
            android:layout_height="120dp"
            android:background="@color/passwordNumberPickerColor"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toStartOf="@id/passwordNumberPicker2"
            app:layout_constraintHorizontal_chainStyle="packed"
            app:layout_constraintStart_toEndOf="@id/openButton"
            app:layout_constraintTop_toTopOf="parent" />

        <NumberPicker
            android:id="@+id/passwordNumberPicker2"
            android:layout_width="wrap_content"
            android:layout_height="120dp"
            android:background="@color/passwordNumberPickerColor"
            app:layout_constraintEnd_toStartOf="@id/passwordNumberPicker3"
            app:layout_constraintStart_toEndOf="@id/passwordNumberPicker1"
            app:layout_constraintTop_toTopOf="@id/passwordNumberPicker1" />

        <NumberPicker
            android:id="@+id/passwordNumberPicker3"
            android:layout_width="wrap_content"
            android:layout_height="120dp"
            android:background="@color/passwordNumberPickerColor"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toEndOf="@id/passwordNumberPicker2"
            app:layout_constraintTop_toTopOf="@id/passwordNumberPicker1" />

        <androidx.appcompat.widget.AppCompatButton
            android:id="@+id/openButton"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_marginEnd="15dp"
            android:layout_marginBottom="10dp"
            android:background="@color/passwordNumberPickerColor"
            app:layout_constraintBottom_toTopOf="@id/changePasswordButton"
            app:layout_constraintEnd_toStartOf="@id/passwordNumberPicker1"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="@id/passwordNumberPicker1"
            app:layout_constraintVertical_chainStyle="packed" />

        <androidx.appcompat.widget.AppCompatButton
            android:id="@+id/changePasswordButton"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:background="@color/changePasswordButtonColor"
            app:layout_constraintBottom_toBottomOf="@id/passwordNumberPicker1"
            app:layout_constraintEnd_toEndOf="@id/openButton"
            app:layout_constraintStart_toStartOf="@id/openButton"
            app:layout_constraintTop_toBottomOf="@id/openButton" />

    </androidx.constraintlayout.widget.ConstraintLayout>


</androidx.constraintlayout.widget.ConstraintLayout>

폰트 변경하기

  • res 폴더 -> New -> Android Resource Directory -> font 디렉토리 추가

  • font 디렉토리에 폰트 ttf파일 추가

  • 주의할 점: resource는 대문자를 사용하지 않는다
    폰트 이름에 대문자가 포함된 경우
    ->추가하기 전에 폰트 이름을 변경하거나,
    ->추가한 후, 우클릭 -> Refactor -> Rename 으로 이름을 변경해야 한다

  • 폰트 적용하기

        android:fontFamily="@font/폰트이름"

버튼 색상 변경하기

  • 그동안 버튼 색상을 변경할 때 별 생각 없이 backgroundTint 속성을 이용해왔다

  • 강의에서는 테마를 변경하는 방법과 AppCompatButton을 사용하는 방법을 소개하고, 그 중 AppCompatButton을 이용하는 방법을 권장하였다

  • backgroundTint 속성을 소개하지 않은 이유가 무엇일까 궁금해 찾아보니,
    xml로 정의한 커스텀 버튼(android:backgroundTint="@drawable/custom_button")을 사용할 수 없다는 단점 때문인 것 같다

  • 아직 커스텀 버튼을 정의하여 사용해 본 적이 없기 때문에 이 단점이 얼마나 큰 것인지는 잘 모르겠다
    추후 커스텀 버튼에 대해 배울 때 다시 생각해봐야 할 것 같다

액션바 제거하기

  • themes.xml
    기존 테마 style 아래에 NoActionBar 테마 style 추가하기
<resources xmlns:tools="http://schemas.android.com/tools">
    <!-- Base application theme. -->
    <style name="Theme.Aoppart2chapter03" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
        <!-- Primary brand color. -->
        <item name="colorPrimary">@color/purple_500</item>
        <item name="colorPrimaryVariant">@color/purple_700</item>
        <item name="colorOnPrimary">@color/white</item>
        <!-- Secondary brand color. -->
        <item name="colorSecondary">@color/teal_200</item>
        <item name="colorSecondaryVariant">@color/teal_700</item>
        <item name="colorOnSecondary">@color/black</item>
        <!-- Status bar color. -->
        <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>
        <!-- Customize your theme here. -->
    </style>
    <style name="Theme.Aoppart2chapter03.NoActionBar" parent="Theme.MaterialComponents.DayNight.NoActionBar"/>
</resources>
  • AndroidManifest.xml
    MainActivity 하위에 android:theme 설정하기
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="fastcampus.aop.part2.chapter03">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/Theme.Aoppart2chapter03">
        <activity android:name=".MainActivity"
            android:theme="@style/Theme.Aoppart2chapter03.NoActionBar">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

📌참고자료

  • res -> values-> themes.xml 에서 테마 변경
  • AndroidManifest.xml 에서 테마 변경
  • backgroundTint 사용
    -> 하지만 xml로 정의한 커스텀 버튼 사용이 불가능하다
  • androidx.appcompat.widget.AppCompatButton 사용
    -> 하지만 기존 Button 보다 코드의 길이가 길어진다
profile
⋆｡♡ﾟ☁︎ ⋆｡선주 ﾟ☁︎ ﾟ｡♡⋆｡
Be able to be vulnerable, in search of truth
이전 포스트

[패캠 안드로이드] Part2 Ch2.3 ~ ch2.8 로또번호 추첨기

다음 포스트

[패캠 안드로이드] Part2 Ch3.2 비밀 다이어리(2)

post-custom-banner

0개의 댓글