Question

您好我正在Android上开发一个应用程序，我有一些布局，我想在横向模式下填充screen-width的图像。最重要的是，我想在特定的地方有一些按钮。

我使用scrollview（因为如果图像填满屏幕的宽度，图像不适合高度），并且相对布局在内。

在那个相对布局中，我放了imageview和按钮。图像填充宽度并包裹高度的内容。通过在相对布局中设置左边距和上边距来放置按钮。

我测试的手机上的一切看起来都不错，但是当我在另一台设备（其他屏幕尺寸和密度）上进行测试时，所有按钮都位于错误的位置并且不再足够大。

我怎样才能改变这一点，以便所有比例都保持不变？与图像相比，按钮必须位于完全相同的位置，并且必须具有相同的尺寸。

我的代码：

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/svCentralAmerica"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:fillViewport="true" >

    <RelativeLayout
        android:id="@+id/rlCentralAmerica"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <ImageView
            android:id="@+id/ivCentralAmerica"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true"
            android:adjustViewBounds="true"
            android:src="@drawable/mapcentralamerica" />

        <Button
            android:id="@+id/mexu"
            android:layout_width="36dp"
            android:layout_height="36dp"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true"
            android:layout_marginLeft="16dp"
            android:layout_marginTop="33dp"
            android:background="@drawable/usa_y"
            android:onClick="onCountryClick"
            android:paddingTop="3dp"
            android:scaleType="fitCenter"
            android:tag="1;U"
            android:text="2"
            android:textColor="@color/Black"
            android:textSize="15sp"
            android:textStyle="bold" />

        <Button
            android:id="@+id/mexr"
            android:layout_width="36dp"
            android:layout_height="36dp"
            android:layout_alignTop="@id/mexu"
            android:layout_marginLeft="4dp"
            android:layout_toRightOf="@id/mexu"
            android:background="@drawable/russia_n"
            android:onClick="onCountryClick"
            android:paddingTop="18dp"
            android:scaleType="fitCenter"
            android:tag="1;R"
            android:text="3"
            android:textColor="@color/Red"
            android:textSize="15sp"
            android:textStyle="bold" />

    </RelativeLayout>

</ScrollView>

Answer 1

我实际上已经完成了你的想法。不幸的是，如果您想要精确控制任何屏幕尺寸的定位，以及精确的宽高比，那么您将不得不以编程方式定位资源。如果你使用xml，你可以非常接近，但不会有精确的定位控制。对于初学者来说，以编程方式定位可能很乏味。由于你只是在这里和那里定位几个按钮，所以不应该太麻烦。

我是怎么做到的：以编程方式获取screenwidth和screenheight。然后计算按钮的纵横比。接下来，计算按钮相对于屏幕宽度和屏幕高度的位置（这将是％）。有了所有这些信息，您应该能够在任何具有特定方向的屏幕尺寸上将按钮准确定位在您想要的位置。我建议将其他所有内容放在xml上，并仅以编程方式执行按钮。在方向改变时，您需要再次重新计算所有内容，这可能很烦人。我建议您坚持使用1个方向，稍后可能支持多个方向。

Answer 2

我使用这些辅助函数根据屏幕高度和宽度的百分比移动我的按钮。首先，我将屏幕布局为图形布局的320 x 480屏幕以创建xml，然后在onCreate方法中移动按钮。

以下是我使用的导入：

import android.app.Activity;
import android.os.Bundle;
import android.view.Display;
import android.view.View;
import android.view.WindowManager;
import android.widget.AbsoluteLayout;
import android.widget.Button;
import android.content.Context;
import android.util.Log;

以下是在onCreate中移动按钮的调用：

@Override
protected void onCreate(Bundle savedInstanceState) 
{
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    moveBtn(0.1843,0.1187,0.128,0.7375,R.id.credits_button);
    moveBtn(0.1843,0.1187,0.3125,0.7375,R.id.website_button);
    moveBtn(0.1843,0.1187,0.5,0.7375,R.id.facebook_button);
    moveBtn(0.1843,0.1187,0.6906,0.7375,R.id.support_button);
}

以下是帮助函数：

//----------------------------------------------------------------------------------------------
//  public void moveBtn(double percent_width, double percent_height, double percent_x, double  percent_y, int myObject)
//----------------------------------------------------------------------------------------------
public void moveBtn(double percent_width, double percent_height, double percent_x, double  percent_y, int myObject) {
    int width = (int)Math.round((ScWth(this) * percent_width));
    int height = (int)Math.round((ScHgt(this) * percent_height));
    int x = (int)Math.round((ScWth(this) * percent_x));
    int y = (int)Math.round((ScHgt(this) * percent_y));

     Log.d(TAG, "Object: " + myObject + "/Width: " + width + "/Height: "+ height + "/x: "+ x + "/y: "+ y);

    AbsoluteLayout.LayoutParams myParam = new AbsoluteLayout.LayoutParams(width, height, x, y); 

    Button thisButton = (Button)findViewById(myObject);
    thisButton.setLayoutParams(myParam);

}

//----------------------------------------------------------------------------------------------
//  public static double ScWth(Context context)
//----------------------------------------------------------------------------------------------
    //return the screen width of the device
public static double ScWth(Context context){
    WindowManager windowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
    Display display = windowManager.getDefaultDisplay();
    return display.getWidth();
}

//----------------------------------------------------------------------------------------------
//  public static double ScHgt(Context context)
//----------------------------------------------------------------------------------------------
    //return the screen height of the device
public static double ScHgt(Context context){
    WindowManager windowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
    Display display = windowManager.getDefaultDisplay();
    return display.getHeight();
}

我希望它有所帮助。

android：多个屏幕尺寸的imageview顶部的按钮

2 个答案: