搁浅在月球 2022-04-17 23:31 采纳率: 100%
浏览 47
已结题

使用HorizontalScrollView嵌套线性布局中的控件无法适应屏幕

问题遇到的现象和发生背景

android开发的小组work,为了实现横向滑动浏览图片使用HorizontalScrollView嵌套了一个线性布局,线性布局里放了4个尺寸一致的相对布局放置图片及文字,只涉及了前端代码。

问题相关代码,请勿粘贴截图
<HorizontalScrollView
            android:id="@+id/horizontalScrollView"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:scrollbars="none"
            android:fillViewport="true"
            android:background="#ffffff">
            <LinearLayout
                android:id="@+id/horizontalScrollViewItemContainer"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal">
                <RelativeLayout
                    android:id="@+id/frame_1"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_alignParentLeft="true"
                    android:layout_alignParentTop="true"
                    android:layout_marginLeft="15dp"
                    android:layout_marginTop="163dp"
                    android:layout_marginRight="15dp">
                    <ImageView
                        android:id="@+id/rectangle_2"
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:background="@mipmap/rectangle_2_8" />
                    <RelativeLayout
                        android:id="@+id/component_1"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_below="@id/rectangle_2"
                        android:layout_marginTop="16dp">
                        <ImageView
                            android:id="@+id/ellipse_1"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:background="@mipmap/ellipse_1" />
                        <TextView
                            android:id="@+id/ridhwan_nor"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_alignParentLeft="true"
                            android:layout_marginLeft="36dp"
                            android:text="@string/ridhwan_nor"
                            android:textAppearance="@style/ridhwan_nor" />
                        <TextView
                            android:id="@+id/ridzjcob"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_alignParentLeft="true"
                            android:layout_alignParentTop="true"
                            android:layout_marginLeft="36dp"
                            android:layout_marginTop="15dp"
                            android:text="@string/ridzjcob"
                            android:textAppearance="@style/ridzjcob" />
                    </RelativeLayout>
                </RelativeLayout>

                <RelativeLayout
                    android:id="@+id/frame_2"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_alignParentLeft="true"
                    android:layout_marginLeft="30dp"
                    android:layout_alignParentTop="true"
                    android:layout_marginTop="163dp">
                    <ImageView
                        android:id="@+id/rectangle_2_2"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_centerHorizontal="true"
                        android:background="@mipmap/rectangle_2_9" />
                    <RelativeLayout
                        android:id="@+id/component_2"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentTop="true"
                        android:layout_marginTop="359dp">
                        <ImageView
                            android:id="@+id/ellipse_2"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:background="@mipmap/ellipse_3" />
                        <TextView
                            android:id="@+id/clem_onojeg"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_alignParentLeft="true"
                            android:layout_marginLeft="36dp"
                            android:text="@string/clem_onojeg"
                            android:textAppearance="@style/clem_onojeg" />
                        <TextView
                            android:id="@+id/clemono2"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_alignParentLeft="true"
                            android:layout_marginLeft="36dp"
                            android:layout_alignParentTop="true"
                            android:layout_marginTop="15dp"
                            android:text="@string/clemono2"
                            android:textAppearance="@style/clemono2"/>
                    </RelativeLayout>
                </RelativeLayout>              
            </LinearLayout>
        </HorizontalScrollView>
运行结果及报错内容

模拟器上显示正常(图上并非我想达到的最终效果,只是在不停的调整边距,但这种方法也不太适用)但在平板和真机上还是会出现误差

img

我的解答思路和尝试过的方法

由于代码是小组成员写出来的,我只负责整合。
尝试过设置HorizontalScrollView的Android:fillViewport="true"。也就是设置是否将HorizontalScrollView的内容宽度拉伸以适应视口(viewport),好像没什么效果。我现在想把线性布局下的relativelayout兼容到该屏幕的水平居中位置,滑动到下一张图片时也自动水平居中。

我想要达到的结果

img


img

  • 写回答

2条回答 默认 最新

  • 灯塔@kuaidao 2022-04-18 09:35
    关注

    你说的滑动后。自动居中。需要逻辑调整偏移量。或者不用HorizontalScrollView 控件。改为viewpager 实现。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 5月3日
  • 已采纳回答 4月25日
  • 创建了问题 4月17日

悬赏问题

  • ¥15 安卓adb backup备份应用数据失败
  • ¥15 eclipse运行项目时遇到的问题
  • ¥15 关于#c##的问题:最近需要用CAT工具Trados进行一些开发
  • ¥15 南大pa1 小游戏没有界面,并且报了如下错误,尝试过换显卡驱动,但是好像不行
  • ¥15 没有证书,nginx怎么反向代理到只能接受https的公网网站
  • ¥50 成都蓉城足球俱乐部小程序抢票
  • ¥15 yolov7训练自己的数据集
  • ¥15 esp8266与51单片机连接问题(标签-单片机|关键词-串口)(相关搜索:51单片机|单片机|测试代码)
  • ¥15 电力市场出清matlab yalmip kkt 双层优化问题
  • ¥30 ros小车路径规划实现不了,如何解决?(操作系统-ubuntu)