как дизайн и код в Android, как показано ниже

Question

в моем приложении у меня есть шкала и индикатор выполнения, как показано на следующем рисунке

У меня есть отдельное изображение для индикатора выполнения и маркера.мне нужно, как сделать так, чтобы маркер двигался над индикатором выполнения в андроиде.Пожалуйста, помогите мне.

мой макет xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="fill_parent"
android:layout_height="fill_parent">

<RelativeLayout android:layout_height="wrap_content" android:background="@drawable/scale_bg"
    android:layout_marginLeft="10dp" android:layout_marginRight="10dp"
    android:layout_width="fill_parent" android:id="@+id/relativeLayout1">
</RelativeLayout>

<FrameLayout android:layout_height="wrap_content" android:layout_marginTop="20dp"
    android:layout_marginLeft="10dp" android:layout_marginRight="10dp"
    android:layout_width="fill_parent" android:id="@+id/relativeLayout2">
    <ImageButton android:layout_width="wrap_content"
        android:id="@+id/imageButton1" android:layout_height="wrap_content"
        android:background="@drawable/slider_bg" android:layout_alignParentLeft="true">
    </ImageButton>
    <ImageButton android:layout_width="wrap_content" android:clickable="true"
        android:id="@+id/imageButton1" android:layout_height="wrap_content"
        android:background="@drawable/slider_arrow" android:layout_alignParentLeft="true">
    </ImageButton>
</FrameLayout>

   </LinearLayout>

обновленный xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="fill_parent"
android:layout_height="fill_parent">

<RelativeLayout android:layout_height="wrap_content" android:background="@drawable/scale_bg"
    android:layout_marginLeft="10dp" android:layout_marginRight="10dp"
    android:layout_width="fill_parent" android:id="@+id/relativeLayout1">
</RelativeLayout>

<RelativeLayout android:layout_height="wrap_content" android:layout_marginTop="20dp"
    android:layout_marginLeft="10dp" android:layout_marginRight="10dp"
    android:layout_width="fill_parent" android:id="@+id/relativeLayout2">

    <SeekBar android:layout_height="wrap_content" android:id="@+id/seekBar1"
        android:layout_width="match_parent" android:thumb="@drawable/slider_arrow"
        android:progressDrawable="@drawable/slider_bg">
    </SeekBar>


</RelativeLayout>

  </LinearLayout>

slider_bg и slider_arrow - изображения png.

Answer 1

Это довольно просто сделать, я предлагаю вам проверить следующую статью в блоге, которая очень хорошо описывает, как это сделать: http://www.mokasocial.com/2011/02/create-a-custom-styled-ui-slider-seekbar-in-android/

Answer 2

На самом деле SeekBar, что эквивалентно Slider в элементах управления Windows.Вам нужно настроить фон, цвет и индексатор.

Answer 3

1001 * попробовать *

    <SeekBar android:layout_height="wrap_content" android:id="@+id/seekBar1" android:layout_width="match_parent" android:thumb="@drawable/slider_arrow" android:progressDrawable="@drawable/slider_bg"></SeekBar>