首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >布局在方向变化上发生剧烈变化

布局在方向变化上发生剧烈变化
EN

Stack Overflow用户
提问于 2012-11-02 05:34:50
回答 4查看 835关注 0票数 1

我为一个活动创建了一个布局。布局包含一些图像按钮和文本视图。问题是,当我把我的设备的方向设置为肖像,它的工作很好,但当我改变方向为景观,布局是意外的结果。

这是我的布局文件

代码语言:javascript
运行
复制
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:fillViewport="true"
    android:padding="50dp" >


<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="wrap_content" >

    <ImageView
        android:id="@+id/settings_imageView"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:src="@android:drawable/bottom_bar" />

    <TextView
        android:id="@+id/settings_textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="16dp"
        android:text="@string/my_settings"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <ImageView
        android:id="@+id/myProgramming_imageView"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_above="@+id/settings_imageView"
        android:layout_alignParentLeft="true"
        android:src="@android:drawable/bottom_bar" />

    <TextView
        android:id="@+id/myProgramming_textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/myProgramming_imageView"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="14dp"
        android:text="@string/my_programming"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <ImageView
        android:id="@+id/library_imageView"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_above="@+id/myProgramming_imageView"
        android:layout_alignParentLeft="true"
        android:src="@android:drawable/bottom_bar" />

    <TextView
        android:id="@+id/library_textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/library_imageView"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="16dp"
        android:text="@string/library"
        android:textAppearance="?android:attr/textAppearanceMedium" />

</RelativeLayout>
</ScrollView>

以下是设备纵向模式在设备上的输出,这是在纵向模式和横向模式上预期的输出:

以下是设备模式在设备上的输出,这是意外的:

我希望布局看起来像在肖像和景观模式。

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2012-11-02 05:39:52

-,似乎你screen size在这里制造了一个问题。

-您必须在 res目录下创建另一个layout-land文件夹,并在其中创建一个.xml文件,就像您在layout文件夹中所做的那样,并使其看起来像您在landscape mode中所希望的那样。

当您的应用程序进入automatically模式时,-将选择这个.xml文件(即从布局-土地)文件夹。

票数 1
EN

Stack Overflow用户

发布于 2012-11-02 06:28:50

首先,您必须为不同的布局创建以下文件夹……

代码语言:javascript
运行
复制
Folder Name                       

layout-ldpi                           
layout-land-ldpi                    

layout-mdpi                           
layout-land-mdpi                      

layout-hdpi                           
layout-land-hdpi                      

layout-xlarge                        
layout-xlarge-land                    

1...Change in AndroidManifest.xml

代码语言:javascript
运行
复制
android:configChanges="orientation|keyboardHidden"

布局文件夹中的2....Create layout_land.xml。

布局-土地文件夹中的3....Create layout_port.xml。

4...Create跟随法

代码语言:javascript
运行
复制
@Override
public void onConfigurationChanged(Configuration newConfig) 
{
    super.onConfigurationChanged(newConfig);


    if (newConfig.orientation == Configuration.ORIENTATION_LANDSCAPE) 
    {
        setContentView(R.layout.layout_land);
        set_all_id();
    } 
    else if (newConfig.orientation == Configuration.ORIENTATION_PORTRAIT)
    {
        setContentView(R.layout.layout_port);
        set_all_id();
    }
}

5....Change中的OnCreate方法(只有此内容)

代码语言:javascript
运行
复制
@Override
public void onCreate(Bundle savedInstanceState)
{

    super.onCreate(savedInstanceState);
    if (getResources().getConfiguration().orientation == 1)
    {
        setContentView(R.layout.layout_port);
    }
    if (getResources().getConfiguration().orientation == 2)
    {
        setContentView(R.layout.layout_land);
    }
    set_all_id();

}

用于视图对象初始化的6...Create set_all_id()方法

代码语言:javascript
运行
复制
public void set_all_id()
{
    //define id for all view objects..
    //textview = (textview)findViewById(R.id.textview);
}
票数 2
EN

Stack Overflow用户

发布于 2012-11-02 05:38:29

由于在landscape模式下高度较低,布局将显示如下。

据我说,好的方法是保持布局-土地在区域文件夹和设计布局为景观模式。所以它会很好看

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13189869

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档