从顶部和侧面按百分比划分屏幕

Question

我正在尝试创建一个布局，其中图像位于左侧 20% 的屏幕尺寸、右侧 20% 的屏幕尺寸和顶部 30% 的屏幕尺寸。我可以将图像定位为距侧面距离的 20%，但不知道如何同时结合顶部和侧面的百分比。现在我使用 android:layout_marginTop 从顶部边缘跳转。我想使用一些可以在任何屏幕分辨率上从顶部腾出 30% 可用屏幕空间的东西。请看图1。非常感谢您的帮助。

XML 代码：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    android:weightSum="100" >

    <TextView
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="20" />

    <ImageView
        android:id="@+id/imageView4"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_gravity="top"
        android:layout_marginTop="100dp"
        android:layout_weight="60"
        android:src="@drawable/logo_line" />

    <TextView
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="20" />
</LinearLayout>

Answer 1

使用 RelativeLayout 或将 ImageView 包装在 LinearLayout 中：

---- 编辑----

在 ImageView 上：取出 layout_gravity 和 margin_top 属性并将 layout_height 设置为 0dp

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
android:weightSum="100" >

<TextView
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:layout_weight="20" />

<LinearLayout
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:layout_weight="60"
    android:orientation="vertical"
    android:weightSum="100" >

<TextView
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="30" />
<ImageView
    android:id="@+id/imageView4"
    android:layout_width="match_parent"
    android:layout_height="0dp"
     android:layout_weight="40"
    android:src="@drawable/logo_line" />
</LinearLayout>
<TextView
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:layout_weight="20" />
</LinearLayout>

Answer 2

对此我有一个动态解决方案：

final Display display = getWindowManager().getDefaultDisplay();
final Point size = new Point();
display.getSize(size);

final WindowManager.LayoutParams params = getWindow().getAttributes();
params.width = (int) (size.x * 0.6);
params.height = (int) (size.y * 0.6);

这将是高度（100% - (20% + 20%)）和宽度相同的 20% 折扣。

---- 编辑----

上述解决方案是格式化布局窗口本身。要做到这一点，只需一个布局项，我会这样做：

  final TextView tv = findViewById(R.id.my_text_view);

  LinearLayout.LayoutParams tvlp = (LinearLayout.LayoutParams) tv.getLayoutParams();

  tvlp.rightMargin *= 0.6;
  tvlp.leftMargin *= 0.6;
  tvlp.topMargin *= 0.6;
  tvlp.bottomMargin *= 0.6;

这将重新调整TextView 的布局。

Answer 3

将 ImageView 放在另一个 LinearLayout 中，这样您就可以设置水平权重（ImageView 所在的 LinearLayout）和另一个用于垂直权重

已编辑

    <TextView
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="30" />
    <LinearLayout
        android:layout_width="match_parent"
        android:orientation="horizontal"
        android:weigth="40"
        android:weightSum="100" >

    <TextView
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="20" />

    <ImageView
        android:id="@+id/imageView4"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="60"
        android:src="@drawable/logo_line" />

    <TextView
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="20" />
    </LinearLayout>
    <TextView
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="30" />
    </LinearLayout>

这应该可以工作。重要的是视图的正确配置和线性布局的方向。 创建一个LinearLayout，其中包含 3 个“项目”，其宽度与其父项匹配。 您可以将它们全部设置为创建垂直（顶部/底部）边距的权重。 然后 LinearLayout 中的第二项应该是另一个创建水平（左/右）边距的 LinearLayout。这个 LinearLayout 应该是水平的。

这不是一个干净的边距解决方案。如果它不起作用，你应该动态地做它

让我知道它是否有效