Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone



Clound SSD Virtual Server

Android Change Activity Layout when Switching Portrait and Landscape

Android Change Activity Layout when Switching Portrait and Landscape บทความนี้เราจะมาเรียนรู้การเขียน Android กับ Orientation ของ Portrait (แนวตั้ง) / Landscape (แนวนอน) ในการที่ะเลือก XML Layout ของไฟล์ที่แตกต่างกัน มาแสดงในมุมมองที่แตกต่างกัน เช่น เมื่อยู่ใน Portrait (แนวตั้ง) เรียก Layout ของไฟล์ activity_portrait.xml และ Landscape (แนวนอน) เรียก Layout ของไฟล์ activity_landscape.xml โดยในไฟล์ทั้ง 2 นี้ สามารถที่จะออกแบบ Layout ต่าง ๆ ที่แตกต่างกันได้

Android Rotate Orientation การหมุ่นหน้าจอของ Emulator
Ctrl+Fn+F11= on Mac OS.
Ctrl+F11 = on Windows 7.
Ctrl+F11 = on Linux.

Android Rotate Switching Portrait and Landscape (มุมมองในแนวตั้งและแนวนอน)


Android Change Activity Layout when Switching Portrait  and Landscape

Android Change Activity Layout when Switching Portrait and Landscape


ในการเขียน Android สำหรับการเรียก XML Layout ของ Activity ต่าง ๆ หลังจากที่ทำการหมุ่น Rotate ของ Emulator เราจะใช้ setContentView() เพื่อทำการเรียก หรือ Include ไฟล์ของ XML Layout ต่าง ๆ

        if (mode == 1) {
        	setContentView(R.layout.activity_portrait);
        } else {
        	setContentView(R.layout.activity_landscape);
        } 

การเรียก XML Layout ต่าง ๆ ในมุมมองของ Portrait (แนวตั้ง) และ Landscape (แนวนอน)

Android กับ setContentView() ควบคุมการแสดงผล XML Layout ของแต่ล่ะ Activity


Example การแสดง XML Layout ของ Activity ต่าง ๆ หลังจากที่หมุ่น Emulator

Android Change Activity Layout when Switching Portrait  and Landscape

โครงสร้างของไฟล์ MainActivity.java , activity_portrait.xml และ activity_landscape.xml

จากโครงสร้างของไฟล์
activity_portrait.xml = Portrait (แนวตั้ง)
activity_landscape.xml = Landscape (แนวนอน)


ตัวอย่างนี้เราจะใช้ Background Color เราจะสร้างตัวแปรไว้ในไฟล์ string.xml ด้วย

Android Change Activity Layout when Switching Portrait  and Landscape

/res/values/strings.xml

Android Change Activity Layout when Switching Portrait  and Landscape

รายละเอียดของไฟล์ /res/values/strings.xml
<resources>

    <string name="app_name">MyApp</string>
    <string name="hello_world">Hello world!</string>
    <string name="menu_settings">Settings</string>
    <string name="title_activity_main">My App V 1.0</string>
    
    <color name="red">#FF0000</color>
    <color name="yellow">#EFE100</color>

</resources>










ออกแบบ XML Layout ของ activity_portrait.xml และ activity_landscape.xml

activity_portrait.xml

Android Change Activity Layout when Switching Portrait  and Landscape

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/yellow" >

    <TextView
        android:id="@+id/txtResult"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:layout_marginTop="130dp"
        android:text="This Layout for Portrait"
        android:gravity="center_horizontal"
        android:textAppearance="?android:attr/textAppearanceMedium" />

</RelativeLayout>


activity_landscape.xml

Android Change Activity Layout when Switching Portrait  and Landscape

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/red" >

    <TextView
        android:id="@+id/txtResult"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:layout_marginTop="130dp"
        android:text="This Layout for Landscape"
        android:gravity="center_horizontal"
        android:textAppearance="?android:attr/textAppearanceMedium" />

</RelativeLayout>


MainActivity.java
package com.myapp;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;

public class MainActivity extends Activity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        
        int mode = getResources().getConfiguration().orientation;

        if (mode == 1) {
        	setContentView(R.layout.activity_portrait);
        } else {
        	setContentView(R.layout.activity_landscape);
        } 
        
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.activity_main, menu);
        return true;
    }
}


Screenshot

Android Change Activity Layout when Switching Portrait  and Landscape

Portrait (แนวตั้ง) กับ Layout ของ activity_portrait.xml

Android Change Activity Layout when Switching Portrait  and Landscape

Landscape (แนวนอน) กับ Layout ของ activity_landscape.xml







.

   
Share


ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน Source Code 2.0 ของทีมงานไทยครีเอท


ลองใช้ค้นหาข้อมูล


   


Bookmark.   
       
  By : ThaiCreate.Com Team (บทความเป็นลิขสิทธิ์ของเว็บไทยครีเอทห้ามนำเผยแพร่ ณ เว็บไซต์อื่น ๆ)
  Score Rating :  
  Create/Update Date : 2012-11-13 09:43:22 / 2017-03-26 20:22:25
  Download : No files
 Sponsored Links / Related

 
เรียกใช้งาน string.xml บน android ไฟล์จัดเก็บค่า string / array ตัวแปรในรูปแบบต่าง ๆ
Rating :

 
Android กับ Intent ควบคุมการแสดงและซ่อน (Show/Hide) ของ Activity form ต่าง ๆ
Rating :

 
Android การใส่ Effect ให้กับ Intent ใน Activity ระหว่างการเปลี่ยน Activity
Rating :

 
Android กับ setContentView() ควบคุมการแสดงผล XML Layout ของแต่ล่ะ Activity
Rating :

 
Android Rotate Switching Portrait and Landscape - Emulator (มุมมองในแนวตั้งและแนวนอน)
Rating :

 
Android Enabled/Disabled Fix Portrait or Landscape Orientation Mode
Rating :

 
Android Display FullScreen / No Title Bar
Rating :


ThaiCreate.Com Forum


Comunity Forum Free Web Script
Jobs Freelance Free Uploads
Free Web Hosting Free Tools

สอน PHP ผ่าน Youtube ฟรี
สอน Android การเขียนโปรแกรม Android
สอน Windows Phone การเขียนโปรแกรม Windows Phone 7 และ 8
สอน iOS การเขียนโปรแกรม iPhone, iPad
สอน Java การเขียนโปรแกรม ภาษา Java
สอน Java GUI การเขียนโปรแกรม ภาษา Java GUI
สอน JSP การเขียนโปรแกรม ภาษา Java
สอน jQuery การเขียนโปรแกรม ภาษา jQuery
สอน .Net การเขียนโปรแกรม ภาษา .Net
Free Tutorial
สอน Google Maps Api
สอน Windows Service
สอน Entity Framework
สอน Android
สอน Java เขียน Java
Java GUI Swing
สอน JSP (Web App)
iOS (iPhone,iPad)
Windows Phone
Windows Azure
Windows Store
Laravel Framework
Yii PHP Framework
สอน jQuery
สอน jQuery กับ Ajax
สอน PHP OOP (Vdo)
Ajax Tutorials
SQL Tutorials
สอน SQL (Part 2)
JavaScript Tutorial
Javascript Tips
VBScript Tutorial
VBScript Validation
Microsoft Access
MySQL Tutorials
-- Stored Procedure
MariaDB Database
SQL Server Tutorial
SQL Server 2005
SQL Server 2008
SQL Server 2012
-- Stored Procedure
Oracle Database
-- Stored Procedure
SVN (Subversion)
แนวทางการทำ SEO
ปรับแต่งเว็บให้โหลดเร็ว


Hit Link
   







Load balance : Server 03
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่