1

我已经为一个活动创建了一个布局。布局包含一些图像按钮和文本视图。问题是，当我将设备的方向设置为纵向时，它工作正常，但是当我将方向更改为横向时，布局会产生意想不到的结果。

这是我的布局文件：

<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>

这是设备上纵向模式的输出，这是纵向和横向模式下的预期输出：

人像模式

这是设备上横向 模式的输出，这是出乎意料的：

横向模式

我希望布局在纵向和横向模式下看起来相似。

4

4 回答 4

2

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

Folder Name                       

layout-ldpi                           
layout-land-ldpi                    

layout-mdpi                           
layout-land-mdpi                      

layout-hdpi                           
layout-land-hdpi                      

layout-xlarge                        
layout-xlarge-land

1...AndroidManifest.xml 中的更改

android:configChanges="orientation|keyboardHidden"

2 ....在布局文件夹中创建layout_land.xml。

3....在 layout-land 文件夹中创建 layout_port.xml。

4...创建以下方法

@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..OnCreate方法的变化（仅此内容）

@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...为视图对象的初始化创建set_all_id()方法

public void set_all_id()
{
    //define id for all view objects..
    //textview = (textview)findViewById(R.id.textview);
}
于 2012-11-02T06:28:50.347 回答
1

由于landscape模式中的高度较小，布局将显示为这样。

根据我的说法，好的方法是在 res 文件夹中维护 layout-land 并为横向模式设计布局。这样看起来会很好看

于 2012-11-02T05:38:29.323 回答
1

-看来你screen size在这里制造了一个问题。

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

-当您的应用程序进入landscape模式时，将自动选择此.xml文件（即从布局域）文件夹。

于 2012-11-02T05:39:52.897 回答
1
  • 创建文件夹 /res/layout-land （在这里你将保持你的横向调整布局）
  • 在那里复制chooseActivity.xml
  • 对其进行必要的更改
于 2012-11-02T05:50:11.610 回答