[Android] 안드로이드 가로모드 Landscape

Android Landscape Layout 가로모드

• Application 의 Layout 방향을 설정함.
• 센서에 의해 가로모드(Landscape), 세로모드(Portrait)로 변경될 수 있다.
• Android 는 각 두 모드마다 따로 layout 을 정의할 수 있도록 해 두었다.
• • layout = layout-port (세로방향)
  • layout-land (가로방향)

  • 

• 레이아웃 형태별 표시 형식
• • configChanges

  • 

  • screenOrientation

  • 

  • 

우선 실습을 위해서 Android Studio에서 프로젝트를 생성한다

이제 layout를 하나 더 생성을 한다

파일 명은 activity_main과 도잉ㄹ하게 주고 Directory_name을 변경을 해주면 된다

그럼 다음과 같이 폴더가 형성되게 된다

같은 내용이므로 위와 같이 생성이 되고 (land)로 형성이 되어 구분되게 된다

이제 activity_main (land)를 수정해보자

왼쪽에 메뉴 영역을 따로 주기 위해서 아래와 같이 설정을 해준다

* land\activity_main.xml

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"     android:orientation="horizontal"     android:layout_width="match_parent"     android:layout_height="match_parent">       <ScrollView         android:layout_width="200dp"         android:layout_height="match_parent">           <LinearLayout             android:orientation="vertical"             android:layout_width="match_parent"             android:layout_height="match_parent">               <TextView                 android:text="메뉴 영역"                 android:layout_width="match_parent"                 android:layout_height="wrap_content" />         </LinearLayout>       </ScrollView>       <ScrollView         android:layout_width="match_parent"         android:layout_height="match_parent">           <LinearLayout             android:orientation="vertical"             android:layout_width="match_parent"             android:layout_height="match_parent">               <TextView                 android:text="본문 영역"                 android:layout_width="match_parent"                 android:layout_height="wrap_content" />           </LinearLayout>       </ScrollView>   </LinearLayout> Colored by Color Scripter

cs

위와 같은 소스로 메뉴 영역과 본문 영역을 나눠준다

이제 Manifest에 가서 적어주면 된다

MainActivity에서 바뀌는 것을 감지하는 설정을 적어주면 된다

그런 후 MainActivity에서 onConfigurationChanged를 통해서 바뀌었을 때를 setContentView를 호출하게 끔 작성한다

결과 화면

• 세로 모드

• • 

• 가로 모드

• • 

이제 가로 모드와 세로 모드에 각각 EditText를 추가해준다

EditText에 입력을 하고 화면이 변경되었을 때 텍스트가 유지되는 지를 보자

변경 전

변경 후

변경 전에 입력했던 내용이 사라지는 것을 알 수 있다

이 것 또한 개발 과정에서 넣어줘야 한다

@ 화면 이동시 데이터 이동

우선 메인 Activity에서 EditText를 받아온다

그런 후 onConfigurationChanged에서 다음의 로직을 적어준다

1 2 3 4 5 6 7 8 9 10

@Override     public void onConfigurationChanged(Configuration newConfig) {         super.onConfigurationChanged(newConfig);           String text = etText.getText().toString();           setContentView(R.layout.activity_main);         etText = (EditText) findViewById(R.id.etText);         etText.setText(text);     } Colored by Color Scripter

cs

실행 결과

Text가 유지되는 것을 볼 수 있다