進度控制 SeekBar進度條

2021-07-17 05:25:27 字數 4324 閱讀 6042

通過滑塊的位置來標識數值,而且拖動條允許使用者拖動滑塊來改變進度值的大小。

1. 主要屬性和方法

setmax()——設定seekbar的最大數值

setprogress()——設定seekbar當前的數值

setsecondaryprogress()——設定seekbar的第二數值

2. seekbar與progressbar最大的區別就是進度可以由使用者控制。所以需要對其進行事件監聽,這就需要實現onseekbarchangelistener介面

(1)onprogresschanged()——數值改變

(2)onstarttrackingtouch()——開始拖動

(3)onstoptrackingtouch()——停止拖動

3. 自定義seekbar進度條樣式

android:progressdrawable="@android:drawable/progress_horizontal"//進度條樣式

android:thumb="@android:drawable/seek_thumb"//滑塊樣式

android自帶的seek_thumb

"">

"true"

android:state_window_focused="true"

android:drawable="@drawable/seek_thumb_pressed" />

"true"

android:state_window_focused="true"

android:drawable="@drawable/seek_thumb_selected" />

"true"

android:state_window_focused="true"

android:drawable="@drawable/seek_thumb_selected" />

"@drawable/seek_thumb_normal" />

自定義seekbar的選擇按鈕 i

1、自定義select

<?xml version="1.0" encoding="utf-8"?>

xmlns:android="" >

android:drawable="@drawable/select"

android:state_pressed="true"/>

android:drawable="@drawable/select"

android:state_focused="true"/>

android:drawable="@drawable/select"

android:state_selected="true"/>

android:drawable="@drawable/normal"/>

selector>

2、控制項中

android:thumb="@drawable/my_thumb"

自定義seekbar進度條 ii

<?xml version="1.0" encoding="utf-8"?>

xmlns:android="">

android:drawable="@drawable/select"

android:state_pressed="true"

android:state_window_focused="true"/>

android:drawable="@drawable/select"

android:state_focused="true"

android:state_window_focused="true"/>

android:drawable="@drawable/select"

android:state_selected="true"

android:state_window_focused="true"/>

android:drawable="@drawable/normal"/>

selector>

//另類

android:thumb="@drawable/my_thumb"//***

android:id="@+id/seekbar1"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:max="100"

android:progress="50" />

//ps:若ctrl+左鍵無法檢視源**,則採用直接開啟sdk資料夾去手動查詢。

源**:

package com.example.seekbar;

import android.os.bundle;

import android.view.menu;

import android.widget.seekbar;

import android.widget.seekbar.onseekbarchangelistener;

import android.widget.textview;

public

class

mainactivity

extends

activity

implements

onseekbarchangelistener

// 數值改變

@override

public

void

onprogresschanged(seekbar seekbar, int progress,

boolean fromuser)

// 開始拖動

@override

public

void

onstarttrackingtouch(seekbar arg0)

// 停止拖動

@override

public

void

onstoptrackingtouch(seekbar arg0)

}

xml

<?xml version="1.0" encoding="utf-8"?>

xmlns:android=""

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical" >

android:id="@+id/seekbar"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:progress="50"

android:thumb="@drawable/my_thumb" />

android:id="@+id/tv1"

android:layout_width="match_parent"

android:layout_height="wrap_content" />

android:id="@+id/tv2"

android:layout_width="match_parent"

android:layout_height="wrap_content" />

linearlayout>

ii

<?xml version="1.0" encoding="utf-8"?>

xmlns:android="">

android:drawable="@drawable/select"

android:state_pressed="true"

android:state_window_focused="true"/>

android:drawable="@drawable/select"

android:state_focused="true"

android:state_window_focused="true"/>

android:drawable="@drawable/select"

android:state_selected="true"

android:state_window_focused="true"/>

android:drawable="@drawable/normal"/>

selector>

JS控制進度條

js控制進度條用到的元素比較簡單,就乙個div標籤內嵌乙個span標籤即可,外面那層div做背景,內部那層span做動態進度顯示,由js控制。整體 如下 為了方便顯示,我就直接在html文件裡把css文字和js指令碼寫了出來,這是原生js控制進度條方式,另外也可以使用node.js或mootools...

ucos進度條控制

1 進度條控制項介紹 進度條通常在應用程式中用於實現虛擬化,下面的截圖是設定了 和沒有設定 時的顯示效果 沒有 有 2 程式 程式是參考安福萊 stm32 v5開發板stemwin教程 include stm32f10x.h include bsp led.h include gui.h inclu...

通過SeekBar製作可拖動進度條

此文,僅做為個人學習android,記錄成長以及方便複習!首先是布局檔案 android max 設定進度條最大值 android progress 設定當前進度 activity main.xml 然後配置乙個acitivity package com.rui.seekbardemo import...