标签: horizontallist

我需要这个,因为我想让菜单(由HTML列表制作)水平显示.

我不喜欢使用绝对定位,因为当我开始更改页面布局时它可能会变得混乱.

我还想删除子列表的缩进.可能吗？

可能重复:
Android中的水平ListView？

我想要像Gallery这样的水平滚动.我没有使用Gallery因为它的中心被锁定了.

这里有人可以帮我解决这个问题所以我可以有水平滚动列表吗？

我认为最好的例子是脉冲新闻阅读器: - https://market.android.com/details?id=com.alphonso.pulse

谢谢 :)

我是Android开发的新手.我正在尝试使用RecyclerView在屏幕上一次只显示一张卡片显示一张卡片列表.但遗憾的是,我设计的卡片并未按预期填充整个屏幕宽度,如下图所示.如何拉伸这些卡片以填充整个屏幕(宽度方面,高度是包装内容).有没有解决这个问题的方法？

我的代码:

activity_sub.xml

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

<include
    android:id="@+id/appBar"
    layout="@layout/app_bar"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Horizontal Card List"
        android:textSize="16sp"
        android:padding="3dp"
        android:background="#CCCCCC" />

    <android.support.v7.widget.RecyclerView
        android:id="@+id/hrlist_recycler_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scrollbars="horizontal" />

</LinearLayout>

custom_card.xml

 <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="8dp"
    android:tag="contains Cards main Container">

    <android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/card_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:elevation="10dp"
        app:cardBackgroundColor="#B6B6B6">

        <TextView
            android:id="@+id/card_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:padding="20dp"
            android:text="Card 1"
            android:textSize="30sp" />

    </android.support.v7.widget.CardView>
</LinearLayout>

SubActivity.java

package ab9.mamv.com.playground;

import android.os.Bundle;
import android.support.v4.app.NavUtils;
import android.support.v7.app.ActionBarActivity;
import …

我不记得我在哪里看到它或者阅读它,但是显然有一个快捷方式可以将用逗号分隔的单词水平列表甚至没有逗号分隔成一个垂直列表,允许我快速构建一个带有LI标签的UL垂直清单.

我只需要快捷方式从常用句子中制作一个垂直列表,我有一个Windows 8操作系统.

谢谢 :)

我打算实现的目标

项目视图应占据项目的整个高度

可能是项目高度小于recyclerview中最高项目的高度,在这种情况下,它应该像上面的屏幕截图中那样粘在顶部.

我遇到的错误

如上面的屏幕截图所示,视图被截断.

到目前为止我尝试过的

最初我在recyclerview上使用wrap_content,现在它已得到支持.当当时在屏幕上看不到的任何视图都是最高的时候,它不起作用.这对视图层次结构的布局有意义.如果高度取决于该数据,如何计算甚至没有绑定到任何数据的东西的高度？

解决时间:S

我没有尝试自定义布局管理器,而是首先选择了我认为需要完成的工作 - 在开始时列出所有项目视图以确定它们的高度.

在屏幕的上半部分有一个进度条和一个动画,以吸引用户的注意力,而这一切都发生在recyclelerview可见性被设置为不可见的情况下.我使用了两件事,一件是不够的 - 我在适配器的onViewAttached()调用中附加了一个观察者,我也使用了滚动更改监听器.有一个LinearSnapHelper附加到回收器视图,以捕捉到滚动的相邻(下一个或上一个,取决于滚动方向)位置.

在此设置中,

1. 我将使用Recyclerview中的每个位置 layoutManager.smoothScrollToPosition()

2. 使用获取子视图高度

           View currentChildView = binding.nextRv.getChildAt(layoutManager.findFirstCompletelyVisibleItemPosition());
           if (currentChildView != null) {
               currentChildHeight = currentChildView.getHeight();
           }
   

   Run Code Online (Sandbox Code Playgroud)

在滚动更改侦听器中RecyclerView.SCROLL_STATE_IDLE或通过将高度传递给适配器的onViewAttachedToWindow()中上面提到的视图附加观察器

@Override
public void onViewAttachedToWindow(BindingViewHolder holder) {
    if (mObserver != null) {
        mObserver.onViewAttached(holder.binding.getRoot().getHeight());
    }
}

3. 存储maxHeight更改为maxHeight和新子高度的最大值.

很明显,这很难看.另外它并没有给我当前视图的高度 - onAttached意味着它只是附加,而不是测量和布局.它是循环视图,而不是绑定到当前数据项的视图.这会出现如上所示的截断视图等问题.

我还在回收器视图上尝试了wrap_content高度,并从回收器的父进程中失效,直到回收器和滚动子进入SCROLL_STATE_IDLE.不行.

我不确定自定义布局管理器如何在这里提供帮助.

有人能引导我朝正确的方向发展吗？

我正在尝试为网站修复一个可怕的嵌套表格布局.该页面将具有可变数量的利用Google图表的元素.我试图在表格单元格内部放置复杂的意大利面条代码而不是复杂的意大利面条代码,而是使用水平UL,因此无论所涉及的图表如何,内容块都将清晰地布局.我遇到的问题是Google图表组件杠杆表.当一个表元素存在于LI内的任何位置时,LI将被移动到下一行(假设因为默认情况下表元素之前和之后都有换行符).

我已经尝试了桌子的各种显示模式,没有运气.这是一个失败的原因吗？

示例HTML代码来说明问题:

<html>
<body>
<style type='text/css'>
 #navlist li{
    display:inline;
    list-style-type:none;

    }
</style>
    <ul id='navlist'>
        <li>TEST</li>
        <li>TEST2</li>
        <li>
            <table style='border:1px solid black'><tr><td>TEST</td></tr></table>
        </li>
        <li>TEST3</li>
        <li>
            <table style='border:1px solid blue'><tr><td>TEST</td></tr></table>
        </li>
        <li>
            <table style='border:1px solid green'><tr><td>TEST</td></tr></table>
        </li>
    </ul>
</body>
</html>

我是sencha touch的新手.在这里我遇到了一个问题,我怎么能显示每行只包含3或4项？

请看下面我的屏幕截图

我需要像下面的示例一样显示列表

这是我的视图js文件

        Ext.define('bluebutton.view.BlueButton.CouponList', {
        extend: 'Ext.dataview.DataView',
        xtype: 'couponlist',
        requires: [
            'Ext.field.Select',
            'Ext.field.Search',
            'bluebutton.view.BlueButton.MemberDetail',
             'Ext.plugin.ListPaging',
            'Ext.plugin.PullRefresh'

        ],
        config: {

            styleHtmlContent: true,
            scrollable: 'vertical',

             store : { xclass : 'bluebutton.store.BlueButton.MemberList'},
            grouped: true,
            indexBar: true,
             autoLoad: false,
           disclosure: true,
           cls:'customHeader',

            id :'memberlist',
            items: [
                {



                }

            ],
inline: { wrap: false },
            emptyText: '<p class="no-search-results">No member record found matching that search</p>',
            itemTpl: Ext.create(
                'Ext.XTemplate',


    //             '<div class="image" style="background-image:url(http://resources.shopstyle.com/static/mobile/image2-iPad/{urlId}.png)"></div>',
    //            '<div class="name">{memberId}</div>'


                   '<div class="demo-weather">',
                                '<tpl for=".">',
                                    '<div class="day">',
                                        '<div class="date">{memberId}</div>',
                                        '<tpl …

我有一些水平UICollectionViewCell在我的UICollectionView。

我的问题是，如果我horizontal list将第一个单元格中的滚动到另一个位置，则第四个单元格也将位于同一位置。

第二个和第五个，第三个和第六个都一样……

也不keep horizontal scroll position要从纵向到横向或对面。

有没有办法让UICollectionView单元格中的 保持它们的位置？

更新 2：

我知道我必须将内部horizontal集合视图保存content offsets在数组中。我在下面的链接中阅读了相关内容，但在下面的链接中，他们希望在UITableView和 中实现这一点UIScrollView。我想在UICollectionView内部实现这一目标UICollectionViewController。

UITableViewCell 中的滚动视图不会保存位置

更新 1：

https://imgur.com/a/F8EGsTx

视图控制器.swift

import UIKit

class ViewController: UICollectionViewController, UICollectionViewDelegateFlowLayout {

    let cellId = "cellId"

    override func viewDidLoad() {
        super.viewDidLoad()
        collectionView?.backgroundColor = .white
        collectionView?.register(CategoryCell.self, forCellWithReuseIdentifier: cellId)
    }

    override func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = …

我有以下html:

<div id="container">
  <ul>
    <li>element 1</li>
    <li>element 2</li>
  </ul>
</div>

应用css如下:

#container { width:100%; overflow:auto; }
#container ul { width: 100%; }
#container li { width: 100%; }

所以现在我希望有一个不确定数量的元素(<li>)都具有100%的宽度(因此它们可以根据浏览器的窗口大小进行相应调整)但是并排显示容器中的水平滚动条.

我试过在ul的css上放"display:inline",在li的css上放"float:left",但没有成功.

有什么建议？

另外,请尝试考虑我尽量使其成为"跨浏览器兼容".

提前致谢.

我正在尝试创建listview.builder()没有预设高度的水平滚动。

我试过设置shrinkwrap为true并将其包装在Expanded / Flexible中。

当前达到理想效果的唯一方法（我发现）是singlechildscrollview按照此答案在行内的一列内包装一行（Flutter：水平列表视图上的最小高度）。

该方法的问题在于，没有构建器方法可将动态数据加载到内的Cards中singlechildscrollview。

我的问题是如何创建一个listview通过row嵌套singlechildscrollview（Flutter：水平列表视图上的最小高度）内的嵌套但使用生成器方法生成输出的Horizo​​ntal ？

具有弹性

Scaffold(
  body: Container(
    child: Column(
      mainAxisSize: MainAxisSize.min,
      children: <Widget>[
        Flexible(
          child: ListView.builder(
            scrollDirection: Axis.horizontal,
            itemCount: 3,
            itemBuilder: (BuildContext context, int index) {
              return FeaturedCard();
            },
          ),
        ),
        Flexible(
          child: ListView.builder(
            shrinkWrap: true,
            itemCount: 10,
            itemBuilder: (BuildContext context, int index) {
              return FeaturedCard();
            },
          ),
        ),
      ],
    ),
  ),
)

结果：https : …