[Android] 명화와 제목, 작가, 설명 배치 고흐(Gogh)

| 명화와 제목, 작가, 설명 배치

가운데에 명화 이미지를 출력하고, 위에는 명화 제목, 작가, 아래에는 명화 설명을 배치한다. 어플리케이션 이름은 Image1, 어플리케이션 라벨과 액티비티 라벨은 명화로 하는 프로젝트를 개발해 본다.

 

| String.xml

<resources>
    <string name="app_name">명화</string>
    <string name="hello_world">Hello world!</string>
    <string name="action_settings">Settings</string>

    <string name="title01">Starry Night</string>
    <string name="artist01">고흐</string>
    <string name="desc01">
        빈센트 반 고흐의 대표작 중 하나로, 그가 고갱과 다툰 뒤 자신의 귀를 자른 사건 이후  생레미의
    요양원에 있을 때 그린 것이다. \n
    고흐에게 밤하늘은 무한함을 표현하는 대상이었다. 비연속적이고 동적인 터치로 그려진 하늘은
    굽이치는 두꺼운 봇놀림으로 사이프러스와 연결되고, 그 아래의 마을를 대조적으로 고요하고 평온한
    상태를 보여준다. \n
    그는 병실 밖으로 내다보이는 밤 풍경을 상상과 결합시켜 그렷는데, 이는 자연에 대한 반 고흐의
    내적이고 주관적인 표현을 구현하고 있다.
    </string>

</resources>

 

| Shape_title.xml

<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle"  >

    <gradient
        android:type="linear"
        android:startColor="#1061380B"
        android:centerColor="#4061380B"
        android:endColor="#1061380B" />

    <padding
        android:left="10dp"
        android:top="2dp"
        android:right="10dp"
        android:bottom="2dp"    >
    </padding>

    <corners
        android:radius="10dp"   >
    </corners>

</shape>

 

| Activity_main.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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    >

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/title01"
        android:textSize="15sp"
        android:gravity="center"
        android:textStyle="bold"
        android:textColor="#61386B"
        android:background="@drawable/shape_title" />
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/artist01"
        android:textSize="15sp"
        android:gravity="right"
        android:textColor="#22741C"
        android:layout_marginTop="20dp"
        android:layout_marginBottom="10dp" />
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:maxWidth="200dp"
        android:maxHeight="200dp"
        android:adjustViewBounds="true"
        android:src="@drawable/starry_night"
        android:layout_marginBottom="20dp" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/desc01"
        android:textSize="15sp"
        android:textColor="#61380B"
        />

</LinearLayout>

 

| Dimens.xml

<resources>
    <!-- Default screen margins, per the Android Design guidelines. -->
    <dimen name="activity_horizontal_margin">16dp</dimen>
    <dimen name="activity_vertical_margin">16dp</dimen>
</resources>

 * 그림에서는 마을ㅇ른으로 잘 못썼는데 위에 소스코드에서 수정했습니다.

 

[관련 게시글]

[Android] 안드로이드 스튜디오 설치 : https://seul96.tistory.com/58 [Android] 바람개비 회전 애니메이션 : https://seul96.tistory.com/62 [Android] 화면터치 시 이미지 따라오기 : https://seul96.tistory.com/310 [Android] 그림 글 배치 : https://seul96.tistory.com/63 [Android] 글의 목록 만들기 : https://seul96.tistory.com/311 [Android] manifests, java, res / 레이아웃 유형 : https://seul96.tistory.com/64 [Android] toast 배경색 변경 방법 + 색상표 : https://seul96.tistory.com/65 [Android] 계산기 구현 : https://seul96.tistory.com/66 [Android] 위치 배열 gravity linear layout relative layout 사용 : https://seul96.tistory.com/67 [Android] 액티비티 전환 intent 예시 + 4대 컴포넌트 : https://seul96.tistory.com/68 [Android] 이벤트 처리와 액티비티간 이동 : https://seul96.tistory.com/70 [Android] 리스트뷰 : https://seul96.tistory.com/79 [Android] 커스텀 리스트뷰 : https://seul96.tistory.com/80 [Android] 안드로이드 공공데이터(API) 사용하는 방법 : https://seul96.tistory.com/85 [Android] Padding/layout_margin, visibility 속성 : https://seul96.tistory.com/312