상세 컨텐츠

본문 제목

[안드로이드] 커스텀 달력 만드는 방법 part1 화면 구성

안드로이드

by aries574 2022. 4. 19. 21:04

본문


이번 시간부터 커스텀 달력을 만들어 보겠습니다.

이번에는 메인화면 구성을 해보겠습니다.


목차

1. 실행 화면
2. 메인 화면 구성 activity_main.xml


1. 실행 화면


2. 메인 화면 구성 activity_main.xml

 - 설명 - 

  1. 양쪽의 이미지 버튼은 이전달, 다음 달로 넘어가는 기능을 합니다.

  2. 중앙의 텍스트뷰는 이번달을 보여줍니다.

  3. 7개의 텍스트뷰로 요일(월~일)을 보여줍니다.

  4. 날짜는 RecyclerView를 통해 보여줍니다.

  5. 아이콘 res - > drawable

ic_next.xml
0.00MB
ic_previous.xml
0.00MB

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/activity_custom_calendar"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:layout_marginBottom="20dp"
        android:orientation="horizontal">

        <ImageButton
            android:id="@+id/pre_btn"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/ic_previous" />

        <TextView
            android:id="@+id/monthYearText"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="2"
            android:text="4월 2021"
            android:textAlignment="center"
            android:textSize="25sp"
            android:textColor="@android:color/black"
            />

        <ImageButton
            android:id="@+id/next_btn"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/ic_next" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="SUN"
            android:textStyle="bold"
            android:textSize="18sp"
            android:textAlignment="center"
            android:textColor="@android:color/holo_red_dark"/>

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="MON"
            android:textStyle="bold"
            android:textSize="18sp"
            android:textAlignment="center"
            android:textColor="@android:color/black"/>

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="TUE"
            android:textStyle="bold"
            android:textSize="18sp"
            android:textAlignment="center"
            android:textColor="@android:color/black"/>

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="WED"
            android:textStyle="bold"
            android:textSize="18sp"
            android:textAlignment="center"
            android:textColor="@android:color/black"/>

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="THU"
            android:textStyle="bold"
            android:textSize="18sp"
            android:textAlignment="center"
            android:textColor="@android:color/black"/>

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="FRI"
            android:textStyle="bold"
            android:textSize="18sp"
            android:textAlignment="center"
            android:textColor="@android:color/black"/>

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="SAT"
            android:textStyle="bold"
            android:textSize="18sp"
            android:textAlignment="center"
            android:textColor="@android:color/holo_blue_dark"/>
    </LinearLayout>

    <androidx.recyclerview.widget.RecyclerView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/recyclerView"/>

</LinearLayout>

2022.04.18 - [안드로이드] - [안드로이드] 기본 카메라 사진 찍고 이미지 뷰에 보여주는 방법(StartActivityForResult deprecated 해결방법)

 

[안드로이드] 기본 카메라 사진 찍고 이미지뷰에 보여주는 방법(StartActivityForResult deprecated 해결방

이번 시간에는 기본 카메라 불러서 사진 찍고 이미지 뷰에 보여주는 방법에 대하여 알아보겠습니다. 기존 startactivityforresult 말고 다른 방식으로 구현했습니다. 목차 1. 실행 화면 2. 메인 화면 구

aries574.tistory.com

2022.04.17 - [안드로이드] - [안드로이드] RelativeLayout 쉽게 사용하는 방법

 

[안드로이드] RelativeLayout 쉽게 사용하는 방법

이번 시간에는 RelativeLayout에 대하여 알아보겠습니다. LinearLayout이 뷰의 위치를 가로, 세로로 구성한다면 RelativeLayout은 상대방의 뷰에 따라 위치를 구성합니다. 직접 해보면 쉽게 사용할 수 있습

aries574.tistory.com

2022.04.16 - [안드로이드] - [안드로이드] LinearLayout 쉽게 사용하는 방법

 

[안드로이드] LinearLayout 쉽게 사용하는 방법

이번 시간에는 LinearLayout을 쉽게 사용하는 방법에 대하여 알아보겠습니다. LinearLayout은 화면의 내용들을 가로나 세로 형태로 배치해줍니다. 가로, 세로를 섞어서 사용할 수도 있습니다. 직접 만

aries574.tistory.com

반응형

관련글 더보기

댓글 영역