灵活的水平布局,带有`layout_weight`和`maxWidth`

Question

我有一个TextView和一个正方形ImageView,我想以水平线性布局显示.每个应该占父视图宽度的一半,高度应该适合内容(即图像).文本应垂直居中.

附加约束是图像不应超过给定maxWidth(= maxHeight),并且应该使超出的宽度可用TextView.显然,这与上面的50/50规则相冲突.有没有办法优先考虑约束,即允许图像占用一半的空间,除非它超过给定的大小？

这些是我尝试过的布局:

第一个很好地将左侧拉伸到可用空间.但是图像占用宽度的一半以上,因为layout_weight未指定(如下图所示).

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

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:gravity="center_vertical">
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Some text."/>
    </LinearLayout>

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:maxWidth="200dp"
        android:adjustViewBounds="true"
        android:src="@drawable/image" />
</LinearLayout>

好的，继续前进并发布我创建的 xml，它非常简单，它可以满足您的大部分条件。我遇到麻烦的一件事是每个视图占用父视图宽度一半的部分。希望这仍然可以在某种程度上帮助您。

样本布局.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="2dp"
    android:background="@android:color/darker_gray">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/img_sample"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginRight="2dp"
        android:layout_toLeftOf="@id/img_sample"
        android:background="@color/colorPrimary"
        android:gravity="center_vertical"
        android:text="Some text." />

    <ImageView
        android:id="@id/img_sample"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_marginLeft="2dp"
        android:adjustViewBounds="true"
        android:maxWidth="200dp"
        android:src="@drawable/sample_img" />

</RelativeLayout>

这是一个示例屏幕截图：

如果您知道如何将每件事分成一半，请在这里发表评论，很高兴了解它以供将来使用。:)

PS：你有没有考虑过以编程方式完成每件事的一半？就像检查LayoutParamsthen 动态设置weightSum和layout_weights 一样。

从此链接检索到的示例图像

归档时间：	9 年，9 月 前
查看次数：	2342 次
最近记录：	9 年，9 月 前

为视图组合layout_weight和maxWidth 11

更多相关链接

相关归档

读取QueueFile磁带时出现EOFException 57

从命令行合并多个XML文件 14

C#:获取XML doc的所有节点 12

如何修复所有Android屏幕的代码 8

Visual Studio 2010排序xml/xaml属性 7

Android loopj asynchttpclient返回响应 7

缩放视图会缩小内容大小,但会增加空白边距 6

Android中的Z-index？ 5

如何以编程方式（在运行时）滑动一行 RecyclerView？ 5

为什么android:layout_gravity ="right"在android xml中不起作用 4

难疑归档

为什么HTML认为"chucknorris"是一种颜色？ 7264

仅存储使用Git更改的多个文件中的一个文件？ 2895

如何获得$(this)选择器的子节点？ 2182

在vi中快速缩进多行 2111

原子和非原子属性之间有什么区别？ 1828

如何在Notepad ++中格式化XML？ 1661

从HTML页面重定向 1523

纯JavaScript相当于jQuery的$ .ready() - 如何在页面/ DOM准备就绪时调用函数 1244

如何获取Android应用程序的构建版本号？ 1198

如何将本地jar文件添加到Maven项目？ 1053

Answer 1

好的，继续前进并发布我创建的 xml，它非常简单，它可以满足您的大部分条件。我遇到麻烦的一件事是每个视图占用父视图宽度一半的部分。希望这仍然可以在某种程度上帮助您。

样本布局.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="2dp"
    android:background="@android:color/darker_gray">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/img_sample"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginRight="2dp"
        android:layout_toLeftOf="@id/img_sample"
        android:background="@color/colorPrimary"
        android:gravity="center_vertical"
        android:text="Some text." />

    <ImageView
        android:id="@id/img_sample"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_marginLeft="2dp"
        android:adjustViewBounds="true"
        android:maxWidth="200dp"
        android:src="@drawable/sample_img" />

</RelativeLayout>

这是一个示例屏幕截图：

如果您知道如何将每件事分成一半，请在这里发表评论，很高兴了解它以供将来使用。:)

PS：你有没有考虑过以编程方式完成每件事的一半？就像检查LayoutParamsthen 动态设置weightSum和layout_weights 一样。

从此链接检索到的示例图像