Android杂谈–layout的横竖屏处理

现在的位置: 首页 > 综合 > 正文

RSS

Android杂谈–layout的横竖屏处理

2013年09月22日 ⁄ 综合 ⁄ 共 7597字 ⁄ 字号小中大 ⁄ 评论关闭

http://www.cnblogs.com/loulijun/archive/2011/12/22/2296505.html

我的博客搬家了，以前是http://hualang.iteye.com/,现在挪到这里了

　　横竖屏处理是开发应用是比较基础的一个要点，几乎都会用到。网上有一大堆的横竖屏切换的文章，但是翻了n页以后发现竟然清一色的是转载，所以不想浪费时间到这个上面，还是自己根据自己的需求与体会总结一下吧，也方便以后查阅

一、layout-land和layout-prot的区别与使用

默认情况下，创建的Android项目里只有一个layout文件夹，尽管这样也可以横竖屏切换用，但是某些布局横屏过后闲的格外的丑，如下图

横屏过后就显示的不全了，有时候看着比较纠结。所以需要在横屏的使用重新载入新的布局文件

解决办法是：先把layout目录删除了，因为可能跟之后的产生冲突。然后新建两个文件夹，一个layout-land，另一个是layout-prot。

layout-land：存放横屏布局文件，如main.xml。布局名字与layout-prot的一样

layout-prot：存放竖屏布局文件，名字与layout-land的一样

剩下的事情就可以交由手机处理了，手机会自动处理横竖屏时布局之间的切换（前提是你的手机支持横竖屏，并且：设置-显示-自动旋转屏幕）

先看看两个布局文件吧，Activity可以不用管

layout-land/main.xml

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

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:paddingLeft="20dip"
        android:paddingRight="20dip" 
        >
        <TextView 
            android:text="cnblogs-花郎"
            android:layout_width="wrap_content"
               android:layout_height="wrap_content" 
               android:layout_gravity="center"
               android:layout_marginBottom="20dip"
               android:textSize="24.5sp"
            />
        <TableLayout 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:stretchColumns="*"
            >
            <TableRow>
                <Button 
                    android:text="吃饭"
                    />
                <Button 
                    android:text="睡觉"
                    />
            </TableRow>
            <TableRow>
                <Button
                    android:text="旅游"
                    />
                <Button
                    android:text="盗墓"
                    />
            </TableRow>
        </TableLayout>
    </LinearLayout>

</LinearLayout>

layout-prot/main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#3500ffff"
    android:padding="30dip"
    android:orientation="horizontal" >

    <LinearLayout
        android:orientation="vertical"
        android:layout_height="wrap_content"
        android:layout_width="fill_parent"
        android:layout_gravity="center"
        >
        <TextView 
            android:text="cnblogs-花郎"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginBottom="25dip"
            android:textSize="24.5sp"
            />
        <Button 
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="吃饭"
            />
        <Button 
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="睡觉"
            />
        <Button 
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="旅游"
            />
        <Button 
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="盗墓"
            />
    </LinearLayout>

</LinearLayout>

下面有图有真相，是横屏时的布局。

注：切换模拟器的命令式CTRL+F12

这里有一点需要注意的是，横竖屏切换的生命周期的问题。

在上面的那种情况下，横竖屏切换的时候，会销毁Activity后然后再次创建。

在不加入任何设置的时候，它的生命周期是这样的：

onCreate-onStart-onResume 开始运行时

onPause-onStop-onDestroy-onCreate-onStart-onResume 横竖屏切换的时候都是这样

当在AndroidManifest.xml中的activity标签中加入了：

android:configChanges="orientation|keyboardHidden"

或者android:configChanges="orientation"后

横竖屏切换就不需要重新载入了，也就是说不用销毁Activity后再重新创建Activity了。

另外一种横竖屏切换时生命周期的样子是另外的样子，是与onConfigureChanges方法有关的，它的生命周期跟我的有些不同呢？

参考：http://hi.baidu.com/%C2%E4%C2%E4%E7%F7%E7%F7%B0%A1/blog/item/dcc19ce5a9c274cc2e2e2178.html

二、如何限定横屏或者竖屏？

　　有些人讨厌玩手机的时候横竖屏来回的切换，有些应用也限定了应用程序只使用横屏或者只使用竖屏，即使手机设置了“自动切换横竖屏”。比如“水果忍者”是不能竖屏的（双人模式除外了）

解决办法：只需要在AndroidManifest.xml的Activity标签中加入：android:screenOrientation="landscape"

android:screenOrientation="landscape"表示横屏
或
android:screenOrientation="protrait"表示竖屏

这样，所设定的应用程序就只能是横屏或者竖屏了

三，横竖屏切换时关于Activity重新载入的问题（onConfigurationChanged（）方法）

例如上面的那个例子，Activity每次横竖屏切换的时候是重新载入的，但是比如我们在玩游戏的时候切换了一下屏幕，我们不可能要重新玩起，所以需要有一种解决横竖屏切换的时候保存当前状态，不用重新载入的方法

解决方案：可以使用onConfigurationChanged方法，该方法可以在用户切换横竖屏的时候就不用重新执行onCreate方法了

提醒：这个方法的使用场景比如播放影音的时候转换了一下屏幕，如果是分别设置了两个布局的话，那么横竖屏要对应不同布局，也意味着还是要执行onCreate方法，所以布局最好是一个（不知对不对，求高手指点）

1、需要在AndroidManifest.xml中的对应的activity标签里加入

android:configChanges="orientation|keyboardHidden"

这条语句的意思是：横竖屏切换或者实体键盘推出合上的时候配置信息的改变

2、需要在AndroidManifest.xml中加入权限

<uses-permission android:name="andorid.permission.CHANGE_CONFIGURATION"/>

3、需要在横竖屏切换时共用的那个Activity里覆盖onConfigurationChanged方法，如下

    @Override
    public void onConfigurationChanged(Configuration newConfig) {
        // TODO Auto-generated method stub
        super.onConfigurationChanged(newConfig);
        if(this.getResources().getConfiguration().orientation == Configuration.ORIENTATION_LANDSCAPE )
        {
            Toast.makeText(getApplicationContext(), "切换为横屏", Toast.LENGTH_SHORT).show();
        }else if(this.getResources().getConfiguration().orientation == Configuration.ORIENTATION_PORTRAIT)
        {
            Toast.makeText(getApplicationContext(), "切换为竖屏", Toast.LENGTH_SHORT).show();
        }
    }

这里需要说的事，代码中的if语句是判断当前设备是横屏还是竖屏，然后有其对应的操作。之前竟然在屏幕切换的时候设置不同的布局，虽然能够显示不同的布局，但是这个方法就已经毫无意义了，因为横竖屏切换到不同的布局我们可以用上面的第一种方法，而这种最好只是对应一个布局吧，然后在里面进行横竖屏时候的其他操作，防止了重新载入

下面还是看一个例子吧，下面的是一个播放rtsp流的的例子

package com.loulijun.demo07;

import android.app.Activity;
import android.content.res.Configuration;
import android.net.Uri;
import android.os.Bundle;
import android.view.Window;
import android.view.WindowManager;
import android.widget.Toast;
import android.widget.VideoView;

public class Demo07Activity extends Activity {
    private VideoView video;
    private String rtspUrl = "rtsp://218.205.231.149:554/mobile/1/2CBE124B67C85A59/48f313651199829e.sdp?id=guest&t=1305313158&en=f2ed024c7963e179f65c65689fdd9887&rs=wap";
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        video = (VideoView)findViewById(R.id.play);
        video.setVideoURI(Uri.parse(rtspUrl));
        video.requestFocus();
        video.start();
    }

    @Override
    public void onConfigurationChanged(Configuration newConfig) {
        // TODO Auto-generated method stub
        super.onConfigurationChanged(newConfig);
        if(this.getResources().getConfiguration().orientation == Configuration.ORIENTATION_LANDSCAPE )
        {
            Toast.makeText(getApplicationContext(), "切换为横屏", Toast.LENGTH_SHORT).show();
        }else if(this.getResources().getConfiguration().orientation == Configuration.ORIENTATION_PORTRAIT)
        {
            Toast.makeText(getApplicationContext(), "切换为竖屏", Toast.LENGTH_SHORT).show();
        }
    }
    
    
}

main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >
    
    <VideoView 
        android:id="@+id/play"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        />

</LinearLayout>

这里需要说一下VideoView的全屏显示的问题，横屏后右边总是空出一块黑色区域，即使通过WindowManager的方式也不能解决，索性只能设置布局为居中显示了，至少好看些

所以只是在清单文件中加入了样式：android:theme="@android:style/Theme.NoTitleBar.Fullscreen"

这种方式在播放视频的时候不能全屏，希望大牛们可以提出自己的解决方案
AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.loulijun.demo07"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk android:minSdkVersion="8" />

    <application
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name" >
        <activity
            android:label="@string/app_name"
            android:configChanges="orientation|keyboardHidden"
            android:theme="@android:style/Theme.NoTitleBar.Fullscreen"
            android:name=".Demo07Activity" >
            <intent-filter >
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
    
    <uses-permission android:name="andorid.permission.CHANGE_CONFIGURATION"/>
    <uses-permission android:name="android.permission.ACCESS_WIFI_STATE"/>
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
    <uses-permission android:name="android.permission.INTERNET"/>
</manifest>

看看运行效果吧