Custom Android switch track 'animation'

后端 未结 3 816
小蘑菇
小蘑菇 2021-02-15 13:52

I\'ve created a basic custom Switch, as defined below.



        
相关标签:
3条回答
  • 2021-02-15 13:54

    A Switch is a two-state toggle switch widget that can select between two options. The user may drag the "thumb" back and forth to choose the selected option, or simply tap to toggle as if it were a checkbox. The text property controls the text displayed in the label for the switch, whereas the off and on text controls the text on the thumb .

    For this requirement you need to customize your Switch Button Functionality

    You can visit for demo

    1. Slide Toggle for Android

    2. Android-Switch-Demo-pre-4.0

    3. Custom Toggle Button for Android Applications

    You need to understand below two lines .

            android:thumb="@drawable/customswitchselector"
            android:track="@drawable/custom_track"
    

    It has two tag: android:thumb and android:track.Thumb will draw the actual look when we swipe or change the status .

    0 讨论(0)
  • 2021-02-15 13:57

    You need to make Toggle Button custom

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/darkGray"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin"
        android:paddingBottom="@dimen/activity_vertical_margin"
        tools:context="com.gisinc.androidexamples.myapplication.MyActivity">
    
        <com.gisinc.androidexamples.androidtogglebutton.SettingsToggle
            xmlns:widget="http://schemas.android.com/apk/res-auto"
            android:id="@+id/settings1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="30dp"
            widget:prefName="useMyLocation"
            widget:text="Use My Location" />
    
    </RelativeLayout>
    

    See this

    0 讨论(0)
  • 2021-02-15 13:59

    There was a time I was also looking for the same when I needed a toggle button functionality similar to native iOS which can be dragged to on/off for one of my projects. At that time I searched hard and I found this library.

    https://github.com/pellucide/Android-Switch-Demo-pre-4.0

    So hope this is what you are looking for too.

    0 讨论(0)
提交回复
热议问题