当前位置： 文江博客话题详情

一组不适合横向模式的图像视图

发布于 2024-12-13 18:51:53 字数 2615 浏览 1 评论 0原文

我有一组 10 个图像视图需要设置在屏幕顶部。在人像模式下，完美符合要求。但是，当我将屏幕方向变为横向时，图像数量保持不变，但宽度不适合布局。我的意思是，一组 10 个图像视图仅占屏幕的 50%。

我尝试了很多不同的方式，但仍然无法对横向做到这一点

这是我的 xml 说 main.xml

<RelativeLayout android:id="@+id/relativeLayout1" 
 android:layout_width="fill_parent" android:layout_height="fill_parent" 
 xmlns:android="http://schemas.android.com/apk/res/android">

<LinearLayout 
android:layout_alignParentTop="true"
android:id="@+id/progresslayout" 
android:orientation="horizontal"
android:layout_width="wrap_content" android:layout_height="wrap_content">

 <ImageView android:src="@drawable/progressgreen" android:id="@+id/pb1"
    android:layout_height="wrap_content" android:layout_width="wrap_content"
    android:layout_alignParentLeft="true"></ImageView>


<ImageView android:src="@drawable/progressgreen" android:id="@+id/pb2"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"></ImageView>

<ImageView android:src="@drawable/progressgreen" android:id="@+id/pb3"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"></ImageView>

<ImageView android:src="@drawable/progressgreen" android:id="@+id/pb4"
    android:layout_toRightOf="@+id/pb3" android:layout_height="wrap_content"
    android:layout_width="wrap_content"></ImageView>

<ImageView android:src="@drawable/progressgreen" android:id="@+id/pb5"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"></ImageView>

<ImageView android:src="@drawable/progressgreen" android:id="@+id/pb6"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"></ImageView>

<ImageView android:src="@drawable/progressgreen" android:id="@+id/pb7"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"></ImageView>

<ImageView android:src="@drawable/progressgreen" android:id="@+id/pb8"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"></ImageView>

<ImageView android:src="@drawable/progressgreen" android:id="@+id/pb9"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"></ImageView>

 <ImageView android:src="@drawable/progressgreen" android:id="@+id/pb10"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"></ImageView>

    </LinearLayout>

    </RelativeLayout>

我也尝试给予 android:layout_weight=" " 属性，但仍然没有用。我在这里注意到的有趣的事情是，而不是图像视图，如果我尝试使用某些按钮或编辑文本字段进行相同的操作，它对于纵向和横向都可以很好地工作

原文

I have a set of 10 image views that need to be set on the top of screen. In the portrait mode, it is perfect as per the requirement. But when I turn the screen orientation to landscape, the number of images remains same but width wise not fitting to the layout. I mean set of 10 image views fills only 50% of the screen.

I tried in many different ways, but still I am not able to do it for landscape

Here is my xml say main.xml

<RelativeLayout android:id="@+id/relativeLayout1" 
 android:layout_width="fill_parent" android:layout_height="fill_parent" 
 xmlns:android="http://schemas.android.com/apk/res/android">

<LinearLayout 
android:layout_alignParentTop="true"
android:id="@+id/progresslayout" 
android:orientation="horizontal"
android:layout_width="wrap_content" android:layout_height="wrap_content">

 <ImageView android:src="@drawable/progressgreen" android:id="@+id/pb1"
    android:layout_height="wrap_content" android:layout_width="wrap_content"
    android:layout_alignParentLeft="true"></ImageView>


<ImageView android:src="@drawable/progressgreen" android:id="@+id/pb2"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"></ImageView>

<ImageView android:src="@drawable/progressgreen" android:id="@+id/pb3"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"></ImageView>

<ImageView android:src="@drawable/progressgreen" android:id="@+id/pb4"
    android:layout_toRightOf="@+id/pb3" android:layout_height="wrap_content"
    android:layout_width="wrap_content"></ImageView>

<ImageView android:src="@drawable/progressgreen" android:id="@+id/pb5"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"></ImageView>

<ImageView android:src="@drawable/progressgreen" android:id="@+id/pb6"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"></ImageView>

<ImageView android:src="@drawable/progressgreen" android:id="@+id/pb7"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"></ImageView>

<ImageView android:src="@drawable/progressgreen" android:id="@+id/pb8"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"></ImageView>

<ImageView android:src="@drawable/progressgreen" android:id="@+id/pb9"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"></ImageView>

 <ImageView android:src="@drawable/progressgreen" android:id="@+id/pb10"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"></ImageView>

    </LinearLayout>

    </RelativeLayout>

I tried giving android:layout_weight=" " property also but still no use. And interesting thing I noticed here is instead of image view, if I try the same thing with some button or edit text filed, it works fine for both portrait and landscape

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论， 你可以免费 注册 一个本站的账号。

评论（4）

一梦浮鱼 2024-12-20 18:51:53

就这样，记住

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/relativeLayout1"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >

<LinearLayout
    android:id="@+id/progresslayout"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:orientation="horizontal" >

    <ImageView
        android:id="@+id/pb1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:src="@drawable/ic_launcher" >
    </ImageView>

    <ImageView
        android:id="@+id/pb2"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:src="@drawable/ic_launcher" >
    </ImageView>

    <ImageView
        android:id="@+id/pb3"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:src="@drawable/ic_launcher" >
    </ImageView>

    <ImageView
        android:id="@+id/pb4"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:src="@drawable/ic_launcher" >
    </ImageView>

    <ImageView
        android:id="@+id/pb5"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:src="@drawable/ic_launcher" >
    </ImageView>

    <ImageView
        android:id="@+id/pb6"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:src="@drawable/ic_launcher" >
    </ImageView>

    <ImageView
        android:id="@+id/pb7"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:src="@drawable/ic_launcher" >
    </ImageView>

    <ImageView
        android:id="@+id/pb8"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:src="@drawable/ic_launcher" >
    </ImageView>

    <ImageView
        android:id="@+id/pb9"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:src="@drawable/ic_launcher" >
    </ImageView>

    <ImageView
        android:id="@+id/pb10"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:src="@drawable/ic_launcher" >
    </ImageView>
</LinearLayout>

将 android:src="@drawable/ic_launcher" 替换为您的图像资源。这将在屏幕顶部创建十个图像，彼此之间间隔良好。

如果您不想在图像之间留有空间，请为每个图像使用 android:scaleType="fitXY" 属性。祝你好运。

There you go

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/relativeLayout1"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >

<LinearLayout
    android:id="@+id/progresslayout"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:orientation="horizontal" >

    <ImageView
        android:id="@+id/pb1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:src="@drawable/ic_launcher" >
    </ImageView>

    <ImageView
        android:id="@+id/pb2"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:src="@drawable/ic_launcher" >
    </ImageView>

    <ImageView
        android:id="@+id/pb3"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:src="@drawable/ic_launcher" >
    </ImageView>

    <ImageView
        android:id="@+id/pb4"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:src="@drawable/ic_launcher" >
    </ImageView>

    <ImageView
        android:id="@+id/pb5"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:src="@drawable/ic_launcher" >
    </ImageView>

    <ImageView
        android:id="@+id/pb6"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:src="@drawable/ic_launcher" >
    </ImageView>

    <ImageView
        android:id="@+id/pb7"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:src="@drawable/ic_launcher" >
    </ImageView>

    <ImageView
        android:id="@+id/pb8"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:src="@drawable/ic_launcher" >
    </ImageView>

    <ImageView
        android:id="@+id/pb9"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:src="@drawable/ic_launcher" >
    </ImageView>

    <ImageView
        android:id="@+id/pb10"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:src="@drawable/ic_launcher" >
    </ImageView>
</LinearLayout>

Remember to replace android:src="@drawable/ic_launcher" with your image resource. This will create ten images on top the screen nicely spacing between each other.

If you don't want space between images, use android:scaleType="fitXY" property for each images. Good luck.

回复 原文
找个人就嫁了吧 2024-12-20 18:51:53

在 Linearlayout 标签中删除

android:orientation="水平"

属性并更改

android:layout_width="wrap_content"

尝试一下

In the Linearlayout tag remove

android:orientation="horizontal"

attribute and change

android:layout_width="wrap_content"

Try it

回复 原文
信仰 2024-12-20 18:51:53

尝试使用 android:layout_weight="1" 和 android:layout_width="fill_parent"。这将确保所有对象共享整个布局宽度并且每个对象占用相同的空间。

Try to use android:layout_weight="1" and android:layout_width="fill_parent". This will make sure that all objects share the whole layout width and each takes the same space.

回复 原文
困倦 2024-12-20 18:51:53

尝试，

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/relativeLayout1"
android:weightSum="2"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >

<LinearLayout
    android:id="@+id/progresslayout"
    android:layout_weight="1"
    android:layout_width="fill_parent"
    android:layout_height="0dp"
    android:weightSum="10"
    android:orientation="horizontal" >
 // Your ImageViews Here
    <ImageView  
    android:id="@+id/pb10"  
    android:layout_weight="1"
    android:layout_width="0dp"  
    android:layout_height="fill_parent"  
    android:src="@drawable/image1" >  
    </ImageView>  

</LinearLayout>
</LinearLayout>

Try,

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/relativeLayout1"
android:weightSum="2"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >

<LinearLayout
    android:id="@+id/progresslayout"
    android:layout_weight="1"
    android:layout_width="fill_parent"
    android:layout_height="0dp"
    android:weightSum="10"
    android:orientation="horizontal" >
 // Your ImageViews Here
    <ImageView  
    android:id="@+id/pb10"  
    android:layout_weight="1"
    android:layout_width="0dp"  
    android:layout_height="fill_parent"  
    android:src="@drawable/image1" >  
    </ImageView>  

</LinearLayout>
</LinearLayout>
回复 原文
~没有更多了~

关于作者

眼趣

暂无简介

0 文章
0 评论
24 人气
发私信

相关话题

更多

热门标签

操作系统 程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端
更多

推荐作者

亚希

文章 0 评论 0

cyp

文章 0 评论 0

北漠

文章 0 评论 0

11223456

文章 0 评论 0

坠似风落

文章 0 评论 0

游魂

文章 0 评论 0

更多

友情链接

文江博客
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
    原文