blocks|key|3269237|text|这只是一个想法-使用内部只有一个LinearLayout的简单HorizontalScrollView+(+HSV只有一个子级的要求)。在LinearLayout内部垂直放置另外3个LinearLayouts+-每行一个。在3个布局中的每一个中(水平地)放置属于一行的项目。我还没有尝试过，但如果我处在你的情况下，我会做的第一件事。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3269238|类似于：|3269239|<HorizontalScrollView>
++++<LinearLayout+android:orientation="vertical">
++++++++<LinearLayout+android:orientation="horizontal"+/>
++++++++<LinearLayout+android:orientation="horizontal"+/>
++++++++<LinearLayout+android:orientation="horizontal"+/>
++++</LinearLayout>
</HorizontalScrollView>|code-block|syntax|javascript|3269240|entityMap|0|LINK|mutability|MUTABLE|url|http://developer.android.com/reference/android/widget/LinearLayout.html|1|http://developer.android.com/reference/android/widget/HorizontalScrollView.html^0|G|C|0|V|K|1|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]|$A|Y|B|Z|1|10]]|C|$]]|$1|D|3|E|5|6|7|11|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|12|8|@]|9|@]|C|$I|J]]|$1|K|3|-4|5|6|7|13|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]|S|$5|N|O|P|C|$Q|T]]]]

Just an idea - use simple <a href="http://developer.android.com/reference/android/widget/HorizontalScrollView.html" rel="nofollow">HorizontalScrollView</a> with a single <a href="http://developer.android.com/reference/android/widget/LinearLayout.html" rel="nofollow">LinearLayout</a> inside (the HSV has a requirement for only one child). Inside that LinearLayout place vertically another 3 LinearLayouts - one for each row. Inside each of the 3 layouts place (horizontally) the items that belong to one row. I haven't tried this but it would be the first thing I'd try if I was in your situation.

Something like:

<pre><code>&lt;HorizontalScrollView&gt;
 &lt;LinearLayout android:orientation="vertical"&gt;
 &lt;LinearLayout android:orientation="horizontal" /&gt;
 &lt;LinearLayout android:orientation="horizontal" /&gt;
 &lt;LinearLayout android:orientation="horizontal" /&gt;
 &lt;/LinearLayout&gt;
&lt;/HorizontalScrollView&gt;
</code></pre>

blocks|key|1072771|text|我认为对你来说最好的方法是扩展ViewGroup并自己实现这个组件。还可以扩展BaseAdapter并创建gerFirstRowView、getSecondRowView等方法。您将能够实现有效的视图回收，并避免大量的视图嵌套，因此您的组件将具有良好的性能。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1072772|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I think the best way for you is to extend ViewGroup and implement this component by yourself. Also extend BaseAdapter and create methods like gerFirstRowView, getSecondRowView and so on. You will be able to implement effective view recycling and avoid heavy nesting of views so your component will have good performance.

blocks|key|3269311|text|我的方法是将n个horizontal+listviews绑定到一个视图组中。收听视图组上的触摸事件，并将所有3个水平列表视图滚动在一起。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3269312|布局应该是这样的-|3269313|LinearLayout(vertical)
--HorizontalListView1
--HorizontalListView2
--HorizontalListView3

--HorizontalListView-n|code-block|syntax|javascript|3269314|现在将所有触摸事件转发到父视图组，并在单个touch+toucheventlistener中处理它们。在touchevent监听器中，计算所有水平listview的滚动，并调用相应的滚动。|3269315|由于所有的滚动调用都是在UI线程上的单个调用中完成的，因此它们应该在下一次绘制过程中处理。这应该会让它感觉到同步。如果这不起作用，您需要通过扩展视图来显式地同步视图。|3269316|有了这个，你将拥有尽可能多的视图重用和循环利用水平列表视图。如果同步已就位，则所有视图应滚动在一起。|3269317|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/sephiroth74/HorizontalVariableListView^0|8|K|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]]|C|$]]|$1|D|3|E|5|6|7|12|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|13|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|14|8|@]|9|@]|C|$]]|$1|M|3|N|5|6|7|15|8|@]|9|@]|C|$]]|$1|O|3|P|5|6|7|16|8|@]|9|@]|C|$]]|$1|Q|3|-4|5|6|7|17|8|@]|9|@]|C|$]]]|R|$S|$5|T|U|V|C|$W|X]]]]

My approach would be to tie together n <a href="https://github.com/sephiroth74/HorizontalVariableListView" rel="nofollow">horizontal listviews</a> in a single viewgroup. Listen to touch events on the viewgroup, and scroll all the 3 horizontal listviews together. 

Layout would be like this - 

<pre><code>LinearLayout(vertical)
--HorizontalListView1
--HorizontalListView2
--HorizontalListView3

--HorizontalListView-n
</code></pre>

Now forward all the touch events to the parent viewgroup, and handle them in a single toucheventlistener. In the touchevent listener, calculate a scroll for all horizontal listviews, and call the corresponding scroll. 

As all the scroll calls are done in a single call on UI thread, they should be processed in the next drawing pass. This should make it feel synchronized. If this doesn't work, you need to explicitly synchronize the views by extending them.

With this you will have view reuse and recycling as far as possible with horizontal listview. All views should scroll together if synchronization is in place.

blocks|key|953467|text|使用方向为垂直的GridLayout，高度为3行ImageViews的常量值。缩放每个ImageView以匹配适配器中的恒定高度。将图像设置为您的android:+XML中的src或Java中的setImageResource。这将相应地缩放图像，而无需拉伸。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|953468|然后添加所有的水平滚动代码。|953469|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

Use GridLayout with orientation as vertical, with your height the constant value for the 3 rows of ImageViews. Scale each ImageView to match the constant height in your adpater. Set the image to your android:src in XML or setImageResource in Java. This will scale the images accordingly without stretching.

Then add all your horizontal scrolling code.

I am trying to achieve the layout represented by the following image, using an adapter to compose the internal views:

<img src="https://i.stack.imgur.com/ByZqF.png" alt="Horizontal Staggered Grid">

All rows scroll together and recycling is in place.

I have not seen many approaches on SO or any of the blogs. FlowLayout doesn't allow scrolling, StaggeredGridView (Etsy's or Google's) doesn't allow for rotation, and synchronized multi ListView seems too involved.

What is SO approach to this custom component?

Dynamic adapter view with uneven column size or Horizontal StaggeredGridView

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在尝试实现下图所示的布局，使用适配器组成内部视图：​​所有行都滚动在一起，并且回收到位。我在SO或任何博客上都没有看到很多方法。FlowLayout不允许滚动，StaggeredGridView (Etsy或Google的)不允许旋转，同步多ListView似乎太复杂了。那么使用这个自定义组件的方法是什么呢？

问具有不均匀列大小或水平StaggeredGridView的动态适配器视图
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问具有不均匀列大小或水平StaggeredGridView的动态适配器视图EN