ListView的水平滑动

一个对安卓常见的要求就是要建立一个水平滑动的ListView,但是由于没有官方的解决方案,只有一些不太完善的第三方库,所以会稍有难度

TwoWayView

在第三方水平的ListView中,最完善的是TwoWatView,即使说还有不完善的地方这也是当前最佳的实现途径https://github.com/lucasr/twoway-view

  1. 首先在style中设置方向为水平
<style name="TwoWayView">
        <item name="android:orientation">horizontal</item>
    </style>

2.在布局文件中加入TwoWayView:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.codepath.horizontallistview.MainActivity">

    <org.lucasr.twowayview.TwoWayView
        android:layout_alignParentTop="true"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/lvItems"
        style="@style/TwoWayView"
        android:drawSelectorOnTop="false"
        tools:context=".MainActivity"/>
</RelativeLayout>
  1. 创建数据源,子项布局
    simple_list_item1
<?xml version="1.0" encoding="utf-8"?>
<TextView android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/text1"
    android:textAppearance="?android:attr/textAppearanceSmall"
    android:gravity="center_vertical"
    xmlns:android="http://schemas.android.com/apk/res/android"
    >

</TextView>
public class MainActivity extends AppCompatActivity {

    private ArrayList<String> items = new ArrayList<String>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        items.add("Item 1");
        items.add("Item 2");
        items.add("Item 3");
        items.add("Item 4");
        items.add("Item 1");
        items.add("Item 2");
        items.add("Item 3");
        items.add("Item 4");
        items.add("Item 1");
        items.add("Item 2");
        items.add("Item 3");
        items.add("Item 4");
        items.add("Item 1");
        items.add("Item 2");
        items.add("Item 3");
        items.add("Item 4");
        ArrayAdapter<String> aItems = new ArrayAdapter<String>(this, R.layout.simple_list_item_1, items);
        TwoWayView lvTest = (TwoWayView) findViewById(R.id.lvItems);
        lvTest.setAdapter(aItems);
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要让`ListView`在水平方向滚动到指定位置,可以使用`ScrollController`。可以通过创建一个`ScrollController`对象并将其传递给`ListView`的`controller`属性来实现。然后,使用`animateTo`方法来滚动到指定位置。 以下是一个示例代码: ```dart class MyListView extends StatefulWidget { @override _MyListViewState createState() => _MyListViewState(); } class _MyListViewState extends State<MyListView> { final ScrollController _scrollController = ScrollController(); final double _itemExtent = 100.0; final int _itemCount = 20; @override Widget build(BuildContext context) { return ListView.builder( scrollDirection: Axis.horizontal, controller: _scrollController, itemExtent: _itemExtent, itemCount: _itemCount, itemBuilder: (BuildContext context, int index) { return Container( width: _itemExtent, height: _itemExtent, color: Colors.blue, child: Center( child: Text( 'Item $index', style: TextStyle( color: Colors.white, fontSize: 20.0, ), ), ), ); }, ); } void scrollToIndex(int index) { _scrollController.animateTo( index * _itemExtent, duration: Duration(milliseconds: 500), curve: Curves.easeInOut, ); } } ``` 在上面的示例中,我们使用`ScrollController`来实现`scrollToIndex`方法。在此方法中,我们使用`animateTo`方法将`ListView`滚动到指定的位置。注意,我们需要将偏移量乘以`itemExtent`(每个列表项的大小)来得到正确的位置。在实际使用中,我们可以在需要时调用`scrollToIndex`方法。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值