调整相对布局/图像视图

Posted

技术标签:

【中文标题】调整相对布局/图像视图【英文标题】:Squaring Up A Relative Layout / Image View 【发布时间】:2014-12-19 03:43:32 【问题描述】:

所以我在这里阅读了很多问题,并尝试了很多东西来尝试让它发挥作用。我要么误解了我读过的所有示例,要么正在查看错误的内容。

我要做的是在包含图像视图的相对布局中设置相对布局。我希望能够使相对布局与图像视图的大小相匹配(我希望根据特定的屏幕大小进行缩放)以保持恒定的正方形大小。这个视图也将包含按钮。当我运行下面的代码时,我得到一个正方形的图像视图,但按钮显示在屏幕顶部。所以在我看来,图像视图正确地缩小为正方形,但布局本身仍然与整体屏幕尺寸相匹配。我有一个 XML 文件设置如下:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/main_layout"
android:layout_
android:layout_
 >

<RelativeLayout
    android:id="@+id/layout_two"
    android:layout_
    android:layout_
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true"

    >

    <ImageView
    android:id="@+id/image_view"
    android:layout_
    android:layout_
    android:layout_centerHorizontal="true"
    android:src="@drawable/bg" />

    <Button
        android:id="@+id/button_one"
        android:layout_
        android:layout_
        android:text="@string/button_one" />

   ....

    </RelativeLayout>


</RelativeLayout>

Java 代码如下:

public class MainActivity extends ActionBarActivity 

RelativeLayout layoutTwo, mainLayout;

Button buttonOne, buttonTwo, buttonThree, buttonFour, buttonFive;
Button buttonSix, buttonSeven, buttonEight, buttonNine;

ImageView scalingBackground;

int screenWidth, screenHeight, finalSquare;


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

    mainLayout = (RelativeLayout) findViewById(R.id.main_layout);
    layoutTwo = (RelativeLayout) findViewById(R.id.layout_two);
    scalingBackground = (ImageView) findViewById(R.id.image_view);

    initializeButtons();

    squareBackground();




private void squareBackground() 

    screenWidth = mainLayout.getLayoutParams().width;

    scalingBackground.getLayoutParams().height = screenWidth;
    scalingBackground.getLayoutParams().width = screenWidth;
    layoutTwo.getLayoutParams().height = screenWidth;
    layoutTwo.getLayoutParams().width = screenWidth;


不太清楚这里发生了什么,我希望能朝着正确的方向前进。谢谢

【问题讨论】:

图像背景会一直是正方形的吗? 是的,我一直希望 bg 是一个正方形,但我希望它根据屏幕大小改变大小 【参考方案1】:

您可以使用高度和宽度相同的自定义图像视图。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/main_layout"
android:layout_
android:layout_
 >

<RelativeLayout
    android:id="@+id/layout_two"
    android:layout_
    android:layout_
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true"

    >

    <com.packagename.SquareImageView
    android:id="@+id/image_view"
    android:layout_
    android:layout_
    android:layout_centerHorizontal="true"
    android:src="@drawable/bg" />

    <Button
        android:id="@+id/button_one"
        android:layout_
        android:layout_
        android:text="@string/button_one" />

   ....

    </RelativeLayout>


</RelativeLayout>

为自定义图像视图创建一个类。

public class SquareImageView  extends ImageView 
  @Override
  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) 
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);

    int width = getMeasuredWidth();
    setMeasuredDimension(width, width);
  

【讨论】:

以上是关于调整相对布局/图像视图的主要内容,如果未能解决你的问题,请参考以下文章

Android相对布局放置问题

在相对布局内对齐复选框

相对视图停留在布局顶部

在相对布局下的图像按钮下方居中 Textview?

相对于布局放置和移动一组带有 kivy 的图像

如何在屏幕底部对齐视图,但也在相对布局中的其他视图下方对齐