如何在Xamarin中创建垂直SeekBar?

时间:2015-03-06 09:42:33

标签: android xamarin xamarin.android xamarin-studio

我正在使用Xamarin免费版,我正在尝试创建以下的搜索栏

Seek栏将是白色的,带有白色拇指,旁边的金色框是内容

图片链接:   http://s8.postimg.org/gpt6ao5xh/Veritcal_Seek_Bar.jpg

唯一的事情是,该格式将连续有6个SeekBars

所有示例都适用于水平搜索条,而不适用于垂直搜索条

我现在这样做的方法是使用

android:Rotation="270"

确实使它垂直,但我无法实现上述格式,一切都很有趣

有没有人有任何想法?

1 个答案:

答案 0 :(得分:0)

一种解决方案是在顶部布局上使用旋转,如下面的代码

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="wrap_content"
    android:layout_height="260dp"
    android:rotation="270">

    <SeekBar
        android:layout_width="260dp"
        android:layout_height="wrap_content"
        android:progress="50" />

    <SeekBar
        android:layout_width="260dp"
        android:layout_height="wrap_content"
        android:progress="70" />

    <SeekBar
        android:layout_width="260dp"
        android:layout_height="wrap_content"
        android:progress="50" />

    <SeekBar
        android:layout_width="260dp"
        android:layout_height="wrap_content"
        android:progress="20" />

</LinearLayout>

另一个解决方案是使用自定义VerticalSeekBar(相同的旋转概念),如AndroSelva, Vertical-SeekBar-Android实现

<android.widget.VerticalSeekBar
        android:layout_width="wrap_content"
        android:layout_height="260dip" />

或者拥有自己真正的垂直搜索栏实现。


https://github.com/MostafaGazar/CircularImageView-Xamarin-

查看我最新的图书馆计划