Question

如何实现图像滑块like this？我有一个图像对象，我想用于图像滑块。

Answer 1

我通过使用填充了Unicode字符的TextView来实现这一点请参阅我的回答here，也许它也适合您。

Answer 2

查看ViewPager的文档，这应该是您正在寻找的内容。 http://developer.android.com/reference/android/support/v4/view/ViewPager.html

Answer 3

使用angular.js可以达到这个目的：

入门依赖此存储库包含一组基于Twitter Bootstrap标记和CSS的本机AngularJS指令。因此，不需要依赖jQuery或Bootstrap的JavaScript。唯一需要的依赖项是：

AngularJS（最低版本1.0.8） Bootstrap CSS（使用3.0.3版测试）要下载的文件所有指令的构建文件分布在几种形式中：缩小用于生产用途，未缩小用于开发，有或没有模板。所有选项均已描述，可从此处下载。

或者，如果您只对指令的子集感兴趣，则可以创建自己的构建。

无论选择哪种方法，下载的总体大小都非常小的好消息：所有指令都<20kB（gzip压缩大约5kB！）

安装只要您下载了所有文件并将其包含在页面中，您就需要声明对ui.bootstrap模块的依赖： angular.module（'myModule'，['ui.bootstrap']）; 您可以从此页面中分叉其中一个掠夺者，以查看此处所述内容的工作示例。

CSS 原始Bootstrap的CSS依赖于空的href属性来为几个组件（分页，制表符等）设置样式游标。但是在AngularJS中，将空的href属性添加到链接标记将导致不必要的路由更改。这就是我们需要从指令模板中删除空href属性的原因，因此未正确应用样式。补救措施很简单，只需在您的应用程序中添加以下样式：

.nav，.pagination，.carousel a {cursor：pointer; }

标记：

<div ng-controller="ButtonsCtrl">
<h4>Single toggle</h4>
<pre>{{singleModel}}</pre>
<button type="button" class="btn btn-primary" ng-model="singleModel" btn-checkbox btn-checkbox-true="1" btn-checkbox-false="0">
    Single Toggle
</button>
<h4>Checkbox</h4>
<pre>{{checkModel}}</pre>
<div class="btn-group">
    <button type="button" class="btn btn-primary" ng-model="checkModel.left" btn-checkbox>Left</button>
    <button type="button" class="btn btn-primary" ng-model="checkModel.middle" btn-checkbox>Middle</button>
    <button type="button" class="btn btn-primary" ng-model="checkModel.right" btn-checkbox>Right</button>
</div>
<h4>Radio</h4>
<pre>{{radioModel}}</pre>
<div class="btn-group">
    <button type="button" class="btn btn-primary" ng-model="radioModel" btn-radio="'Left'">Left</button>
    <button type="button" class="btn btn-primary" ng-model="radioModel" btn-radio="'Middle'">Middle</button>
    <button type="button" class="btn btn-primary" ng-model="radioModel" btn-radio="'Right'">Right</button>
</div>
</div>

的JavaScript

var ButtonsCtrl = function ($scope) {

$scope.singleModel = 1;

$scope.radioModel = 'Middle';

$scope.checkModel = {
left: false,
middle: true,
right: false
};
};

如何制作像此图像一样的图像滑块？

3 个答案: