标签: android-slider

Android - 造型搜索栏

我想设计一个看起来像下图中的搜索条.

在此输入图像描述

通过使用默认搜索条,我将得到这样的东西:

在此输入图像描述

所以我需要的是只改变颜色.我不需要额外的款式.是否有任何直接的方法来做这个或我应该建立我的自定义drawable.?

我尝试构建自定义的一个,但我无法得到如上所示的确切的一个.使用自定义drawable后,我得到的如下所示:

在此输入图像描述

如果我需要构建自定义的那个,那么请建议如何减少进度线的宽度以及形状.

我的自定义实现:

background_fill.xml:

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <gradient
        android:angle="90"
        android:centerColor="#FF555555"
        android:endColor="#FF555555"
        android:startColor="#FF555555" />

    <corners android:radius="1dp" />

    <stroke
        android:width="1dp"
        android:color="#50999999" />
    <stroke
        android:width="1dp"
        android:color="#70555555" />

</shape>
Run Code Online (Sandbox Code Playgroud)

progess_fill.xml

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <gradient
        android:angle="90"
        android:centerColor="#FFB80000"
        android:endColor="#FFFF4400"
        android:startColor="#FF470000" />

    <corners android:radius="1dp" />

    <stroke
        android:width="1dp"
        android:color="#50999999" />
    <stroke
        android:width="1dp"
        android:color="#70555555" />

</shape>
Run Code Online (Sandbox Code Playgroud)

progress.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item
        android:id="@android:id/background"
        android:drawable="@drawable/background_fill"/>
    <item android:id="@android:id/progress">
        <clip android:drawable="@drawable/progress_fill" />
    </item>

</layer-list>
Run Code Online (Sandbox Code Playgroud)

thumb.xml

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval" …
Run Code Online (Sandbox Code Playgroud)

android custom-selectors android-seekbar android-slider

217
推荐指数
14
解决办法
24万
查看次数

自定义搜索栏(拇指大小,颜色和背景)

我想在我的Android项目中使用此搜索栏: 在此输入图像描述

这是我的搜索栏:

<SeekBar
        android:id="@+id/seekBar_luminosite"
        android:layout_width="@dimen/seekbar_width"
        android:layout_height="@dimen/seekbar_height"
        android:minHeight="15dp"
        android:minWidth="15dp"
        android:maxHeight="15dp"
        android:maxWidth="15dp"
        android:progress="@integer/luminosite_defaut"
        android:progressDrawable="@drawable/custom_seekbar"
        android:thumb="@drawable/custom_thumb" />
Run Code Online (Sandbox Code Playgroud)

这是我的custom_thumb.xml:

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval" >

    <gradient
        android:angle="270"
        android:endColor="@color/colorDekraOrange"
        android:startColor="@color/colorDekraOrange" />

    <size
        android:height="35dp"
        android:width="35dp" />

</shape>
Run Code Online (Sandbox Code Playgroud)

这是我的custom_seekbar.xml:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item
        android:id="@android:id/background"
        android:drawable="@drawable/seekbar"/>
    <item android:id="@android:id/progress">
        <clip android:drawable="@color/colorDekraYellow" />
    </item>

</layer-list>
Run Code Online (Sandbox Code Playgroud)

这是我的seekbar.png(背景):

在此输入图像描述

这就是结果: 在此输入图像描述

酒吧没有阴影,没有圆形边框......

我真的不明白我该怎么做.

android seekbar android-slider

53
推荐指数
8
解决办法
7万
查看次数

为Sliders实施Google设计指南

昨天我在Android上寻找滑块,发现这个网站有谷歌搜索:https://material.io/guidelines/components/sliders.html#sliders-discrete-slider

我知道我可以SeekBar在Android中使用一个来实现滑块.但是,Google似乎有非常好的离散滑块示例,但我找不到任何代码示例.

我已经实现了一个SeekBar看起来像这样的法线:

在Android中专注于SeekBar

我怎么能让它看起来像这样?

根据Google的设计指南重点介绍Android中的SeekBar

(差异:当我移动滑块时,没有显示当前值的大幅下降)

我想我可能只是错过了这些设计指南的代码文档.有谁知道在哪里找到它?或者是设计上的差异,因为我在手机上安装了Android 5.0.2?

android android-seekbar material-components material-components-android android-slider

19
推荐指数
2
解决办法
9286
查看次数

两个拇指与Android的Material组件的滑块?

在Material.io 网站的滑块演示中,他们显示了下面的双拇指滑块,但我找不到如何启用它,我也没有真正找到任何文档。它可用于android组件吗?

在此处输入图片说明

android slider material-design material-components android-slider

6
推荐指数
1
解决办法
2630
查看次数

向材料范围滑块添加自定义标签

我正在使用 Android 材料组件库的最新 (1.3.0-alpha01) 版本来显示范围滑块(带有两个拇指的滑块)。现在需要自定义标签并始终在 TextView 中的拇指上显示每个拇指的值(没有任何可绘制对象或默认标志,请参见附图)。怎样才能让labelBehavior始终可见并在自定义视图显示拇指值,当用户拖动它们? 在此处输入图片说明

android rangeslider kotlin material-components-android android-slider

6
推荐指数
2
解决办法
6708
查看次数

搜索栏,我可以用 2 个拇指更改最小最大值

我想为我的搜索栏设置最小值和最大值的拇指。您应该能够独立拖动两个拇指。

android android-seekbar rangeseekbar material-components-android android-slider

4
推荐指数
1
解决办法
5430
查看次数

如何从新的 android 材料设计 Slider 中获得价值

使用新材料设计滑块com.google.android.material.slider.Slider。由于它最近刚刚发布,因此文档很差。试图从滑块中获取价值,但目前没有运气。换句话说,滑块相当于setOnProgressChanged { }来自 Seekbar。

android android-seekbar material-design material-components-android android-slider

4
推荐指数
3
解决办法
4037
查看次数

android中的滑块和搜索栏有什么区别

我是 Android 新手,正在学习 SeekBars。在Google 材料设计网站中,我从 (com.google.android.material.slider.Slider) 包中找到了 Sliders 而不是 seekbars。我想知道 Slider 和 SeekBar 有什么区别,我应该使用哪个,哪个更好?实现这两个目的是什么?我搜索了很多互联网上没有有用的内容

xml android android-seekbar material-design android-slider

3
推荐指数
1
解决办法
571
查看次数

具有最高价值的自定义搜索栏

我正在尝试为我的应用程序制作一些 Seekbar 作为距离值。我喜欢它看起来像这样(图片取自 -链接):

在此处输入图片说明

有人可以举一个简单的例子来说明如何制作这样的东西吗?

我知道我可以使用来自 Github 的“已经制作的”Seekbars,但我试图理解这个概念,以便我可以进一步设计它。

谢谢

android android-seekbar material-components material-components-android android-slider

2
推荐指数
1
解决办法
2477
查看次数

我需要添加什么依赖项才能使用 com.google.android.material.slider.Slider

我需要向 Android Studio 项目添加什么依赖项才能使用此组件?一般来说,如何知道我需要添加什么依赖项才能使用 Google Material 组件?

android material-design material-components material-components-android android-slider

2
推荐指数
1
解决办法
2521
查看次数

如何在 android java 中使用指示器创建范围搜索栏?

我想在我的应用程序中创建范围搜索栏。但我无法根据图像创建完美的搜索栏。我该如何创建请告诉我任何一个。谢谢 例子

java android android-seekbar material-components-android android-slider

1
推荐指数
1
解决办法
6892
查看次数

如何禁用材质滑块小部件

我正在使用谷歌材质库中的滑块小部件,我需要阻止用户滑动小部件一段时间。有什么办法可以做到这一点吗?(我宁愿不使用onPositionChanged()方法)


<com.google.android.material.slider.Slider
        android:id="@+id/speakerVolumeBottomSheetSeekbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/SliderMaterialTheme"
        app:labelBehavior="gone"
        android:value="0.5"
        app:thumbColor="@color/colorAccent"
        app:trackColorActive="@color/colorAccent"
        app:trackColorInactive="@color/white_22_opacity" />

Run Code Online (Sandbox Code Playgroud)

xml android kotlin material-components-android android-slider

1
推荐指数
1
解决办法
2884
查看次数