2

嗨，我正在开发一个在 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>
4

2 回答 2

0

我使用这些辅助函数根据屏幕高度和宽度的百分比来移动我的按钮。首先，我在图形布局中为 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();
}

我希望它可以帮助某人。

于 2013-04-17T03:49:35.073 回答
0

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

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

于 2013-01-30T15:58:00.150 回答