简体繁体 English

Appcelerator Titanium Slider

[英]Appcelerator Titanium Slider

原文 2012-01-13 06:57:24 9 3 javascript/ appcelerator/ titanium-mobile/ titanium-modules

I am new to the whole Appcelerator world so I had a question: 我是整个Appcelerator世界的新手所以我有一个问题：

Anybody is aware if appcelerator titanium provides slider functionality similar to this screenshot? 有人知道appcelerator钛是否提供类似于此截图的滑块功能？

If not, what would be the first docs to look at? 如果没有，那么第一批文档会是什么？

No need for fancy animation or anything, just simplest transition. 不需要花哨的动画或任何东西，只需要最简单的过渡。

在此输入图像描述

I just need basic slider for titanium that has slide selectors looking like small circles (or something I could modify or adjust to custom needs). 我只需要钛制的基本滑块，其滑动选择器看起来像小圆圈（或者我可以修改或调整到自定义需求的东西）。

Also, yes I'll use this as a startpoint http://developer.appcelerator.com/apidoc/mobile/latest/Titanium.UI.Slider-object 此外，是的，我将把它用作起点http://developer.appcelerator.com/apidoc/mobile/latest/Titanium.UI.Slider-object

But the page doesn't have screenshots of how the slider object looks and acts. 但该页面没有滑块对象的外观和动作的截图。

3 个解决方案

You want the ScrollableView control, with the paging component enabled. 您需要ScrollableView控件，并启用了分页组件。

http://developer.appcelerator.com/apidoc/mobile/latest/Titanium.UI.ScrollableView-object http://developer.appcelerator.com/apidoc/mobile/latest/Titanium.UI.ScrollableView-object

For displaying such kind of progresbar or slider u have to create custom view and inside that custom view put as many as dots images as you have photos and just scrolling of each photos change dots image as per e.current / e.views ... 为了显示这种类型的progresbar或滑块你必须创建自定义视图，并在自定义视图内放置尽可能多的点图像，因为你有照片和只是滚动每张照片改变点图像根据e.current / e.views ...

and set previous image to default image. 并将之前的图像设置为默认图像。 and make it touch enabled = false. 并使其触摸启用= false。

ScrollableView control, with the paging. ScrollableView控件，具有分页功能。

link 链接