gpt4 book ai didi

Android - 两个 ImageViews 并排

转载 作者:塔克拉玛干 更新时间:2023-11-02 23:44:12 27 4
gpt4 key购买 nike

我正在尝试为具有两个并排对齐的 imageView 的 Android 应用程序创建一个 Activity。我当前的布局配置如下:

<LinearLayout android:orientation="horizontal"
android:layout_width="fill_parent" android:layout_height="wrap_content"
android:paddingTop="15dip" android:paddingBottom="15dip"
android:background="@drawable/dark_bg">

<ImageView android:id="@+id/numberDays"
android:layout_width="wrap_content" android:layout_height="wrap_content"
android:scaleType="fitStart"
android:src="@drawable/counter_01" />
<ImageView android:src="@drawable/counter_days"
android:layout_height="wrap_content" android:layout_width="wrap_content"
android:scaleType="fitStart"
android:id="@+id/daysText"></ImageView>

</LinearLayout>

第一张图片是正方形(比如 100x100),第二张图片是矩形(300x100)——我希望它们彼此相邻对齐,但始终会缩放以适应设备的宽度——这可能仅使用布局配置吗?

当前配置只显示屏幕的整个宽度(和几乎高度)的第一张图片,而第二张图片根本不显示。我曾尝试使用 fill_parent 和 hardocding 宽度更改 wrap_content,但这只会导致显示两张图片,但第一张图片位于第二张图片的顶部(均位于左侧)。

谢谢


再次更新:

我已经更新了我的布局,现在看起来像这样,包括推荐的 ScrollView,但不高兴:

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:gravity="top"
android:layout_width="fill_parent" android:layout_height="fill_parent" >

<!-- Header for activity - this has the countdown in it -->
<ScrollView android:id="@+id/ScrollView01" android:layout_height="wrap_content" android:layout_width="fill_parent">
<LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content"
android:gravity="right"
android:background="@drawable/dark_bg" android:orientation="horizontal">

<ImageView android:id="@+id/numberDays"
android:layout_width="wrap_content" android:layout_height="wrap_content"
android:layout_weight="2"
android:src="@drawable/counter_01" />

<ImageView android:src="@drawable/counter_days"
android:layout_width="wrap_content" android:layout_height="wrap_content"
android:layout_weight="1"
android:id="@+id/daysText"/>

</LinearLayout>

</ScrollView>


<!-- main body for the rest of the info -->
<LinearLayout android:orientation="horizontal" android:gravity="center"
android:layout_width="fill_parent" android:layout_height="fill_parent"
android:background="@drawable/light_bg">
</LinearLayout>

</LinearLayout>

按照建议使用 layout_weight 为两个图像赋予了正确的比例并且看起来完美缩放,但是,我仍然遇到问题,它们都固定在屏幕的最左侧,所以第一张图像实际上是叠加在第二张图片之上,而不是并排放置。

下面是 Eclipse 显示的屏幕截图:

enter image description here

最佳答案

尝试对两个 ImageView 组件使用 layout_weight。所以像这样:

<LinearLayout android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:paddingTop="15dip"
android:paddingBottom="15dip"
android:background="@drawable/dark_bg">
<ImageView android:id="@+id/numberDays"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:scaleType="fitStart"
android:layout_weight="1"
android:src="@drawable/counter_01" />
<ImageView android:src="@drawable/counter_days"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:scaleType="fitStart"
android:layout_weight="1"
android:id="@+id/daysText"></ImageView>
</LinearLayout>

我为他们每个人添加了 android:layout_weight="1"Read uplayout_weight 上为 LinearLayout 定义,它非常 useful !

关于Android - 两个 ImageViews 并排,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6220354/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com