Question

我有一个带有多个图像和切换按钮的布局。如何让它们旋转以匹配屏幕方向？我没有旋转布局，只是这些元素。示例：屏幕处于纵向，按钮完全垂直对齐。设备旋转并切换到横向，因此按钮旋转以适应用户的观点。如何实现这种效果？度数旋转动画如何不仅与其影响的元素相关联，而且还与方向传感器敏感？

Answer 1

你必须设置“android：gravity to center”。以下布局将为您解释：

<?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:gravity="center"
              android:orientation="horizontal" >

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Cool Button" />

</LinearLayout>

还有其他方法可以做到。

使用相对布局
使用2个布局：1个用于纵向，1个用于横向。

使用两种布局的示例：纵向模式的XML文件（在res / layout文件夹中找到）

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <Button  
        android:id="@+id/Apple"  
        android:text="Apple"
        android:layout_width="300dp" 
        android:layout_height="wrap_content" 
        android:padding="20dip"
        android:layout_marginTop="20dip" />
    <Button  
        android:id="@+id/Mango"  
        android:text="Mango"
        android:layout_width="300dp" 
        android:layout_height="wrap_content" 
        android:padding="20dip"
        android:layout_marginTop="20dip" />
    <Button  
        android:id="@+id/Banana"  
        android:text="Banana"
        android:layout_width="300dip" 
        android:layout_height="wrap_content"   
        android:padding="20dip" 
        android:layout_marginTop="20dip"  />
    <Button  
        android:id="@+id/Grapes"  
        android:text="Grapes"
        android:layout_width="300dip" 
        android:layout_height="wrap_content"    
        android:padding="20dip"
        android:layout_marginTop="20dip"   />
    <Button  
        android:id="@+id/Kiwi"  
        android:text="Kiwi"
        android:layout_width="300dip" 
        android:layout_height="wrap_content"    
        android:padding="20dip"
        android:layout_marginTop="20dip"  />
</LinearLayout>

我们可以看到五个Button控件垂直排列在LinearLayout容器中，一个在另一个下面。当屏幕处于横向模式时，这种垂直排列会使一些Button控件消失。

要在横向模式下使用屏幕右侧的空白区域，我们需要定义另一个在res / layout-land文件夹中创建的布局文件activity_screen_orientation_app.xml。必须在res文件夹内手动创建layout-land文件夹。右键单击Package Explorer窗口中的res文件夹，然后选择New，Folder选项。将打开一个对话框，询问新文件夹的名称。将名称layout-land分配给新文件夹，然后单击“完成”按钮。

横向模式的XM文件（在res / layout-land文件夹中找到）

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <Button  
        android:id="@+id/Apple"  
        android:text="Apple"
        android:layout_width="250dp" 
        android:layout_height="wrap_content" 
        android:padding="20dip"
        android:layout_marginTop="20dip" />
    <Button  
        android:id="@+id/Mango"  
        android:text="Mango"
        android:layout_width="250dp" 
        android:layout_height="wrap_content" 
        android:padding="20dip"
        android:layout_marginTop="20dip" 
        android:layout_toRightOf="@id/Apple" />
    <Button  
        android:id="@+id/Banana"  
        android:text="Banana"
        android:layout_width="250dip" 
        android:layout_height="wrap_content"   
        android:padding="20dip" 
        android:layout_marginTop="20dip" 
        android:layout_below="@id/Apple" />
    <Button  
        android:id="@+id/Grapes"  
        android:text="Grapes"
        android:layout_width="250dip" 
        android:layout_height="wrap_content"    
        android:padding="20dip"
        android:layout_marginTop="20dip"  
        android:layout_below="@id/Apple"
        android:layout_toRightOf="@id/Banana"  />
    <Button  
        android:id="@+id/Kiwi"  
        android:text="Kiwi"
        android:layout_width="250dip" 
        android:layout_height="wrap_content"    
        android:padding="20dip"
        android:layout_marginTop="20dip" 
        android:layout_below="@id/Banana" />
</RelativeLayout>

我们还可以通过Java代码检测屏幕方向。当屏幕在横向模式和纵向模式之间切换时，让我们修改活动文件ScreenOrientationAppActivity.java以显示Toast消息。

package com.androidunleashed.screenorientationapp;

import android.app.Activity;
import android.os.Bundle;
import android.widget.Toast;

public class ScreenOrientationAppActivity extends Activity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_screen_orientation_app);
   if(getResources().getDisplayMetrics().widthPixels>getResources().getDisplayMetrics().
            heightPixels) 
        {  
            Toast.makeText(this,"Screen switched to Landscape mode",Toast.LENGTH_SHORT).show(); 
        } 
        else 
        { 
            Toast.makeText(this,"Screen switched to Portrait mode",Toast.LENGTH_SHORT).show(); 
        }
    }
}

如何旋转图像按钮以匹配屏幕方向？

1 个答案: