日期: 2021 年 6 月 19 日

31. 下一个排列(JS实现)

31. 下一个排列(JS实现)

1 题目
实现获取下一个排列的函数,算法需要将给定数字序列重新排列成字典序中下一个更大的排列。
如果不存在下一个更大的排列,则将数字重新排列成*小的排列(即升序排列)。
必须原地修改,只允许使用额外常数空间。
以下是一些例子,输入位于左侧列,其相应输出位于右侧列。
1,2,3 → 1,3,2
3,2,1 → 1,2,3
1,1,5 → 1,5,1

2 思路
这道题说的有点不清楚,其实就是找到恰好大于原排列的数,例如输入的数是123,那么就要输出132,因为排列之后132恰好大于123。这道题的思路首先是找到要对换位置的两个数,例如数字13642,首先找到数字3和4,交换两者位置变成14632,再将右侧的序列顺序反转一下,就得到结果14236

3代码
/**
* @param {number[]} nums
* @return {void} Do not return anything, modify nums in-place instead.
*/
var nextPermutation = function(nums) {
function swap(i, j) {
let temp = nums[i];
nums[i] = nums[j];
nums[j] = temp;
};

function reverse(i, j) {
while(i < j) {
swap(i, j);
i++;
j–;
}
}

if (nums.length <= 1) return nums;

let i = nums.length – 1;

while(i > 0) {
if (nums[i-1] < nums[i]) {
break;
}
i–;
}

let j = 0;
if (i > 0) {
j = i + 1;
while(nums[j] > nums[i-1]) {
j++;
}
swap(i-1, j-1);
}

reverse(i, nums.length – 1);

return nums;
};

. 搜索旋转排序数组(JS实现)

33. 搜索旋转排序数组(JS实现)

1 题目
假设按照升序排序的数组在预先未知的某个点上进行了旋转。
( 例如,数组 [0,1,2,4,5,6,7] 可能变为 [4,5,6,7,0,1,2] )。
搜索一个给定的目标值,如果数组中存在这个目标值,则返回它的索引,否则返回 -1 。
你可以假设数组中不存在重复的元素。
你的算法时间复杂度必须是 O(log n) 级别。
示例 1:
输入: nums = [4,5,6,7,0,1,2], target = 0
输出: 4
示例 2:
输入: nums = [4,5,6,7,0,1,2], target = 3
输出: -1

2 思路
这道题思路是主要判断mid和nums[0]的大小,来确定数组的哪部分是有序数组,再判断target是在有序数组内,还是外部,进行范围的逐步缩小

3代码
/**
* @param {number[]} nums
* @param {number} target
* @return {number}
*/
var search = function(nums, target) {

if (nums.length === 0) return -1;
if (nums[0] === target) return 0;
if (nums[nums.length – 1] === target) return nums.length – 1;
let middle;
let low = 0;
let high = nums.length – 1;

do {
middle = Math.floor((low + high) / 2);
if (nums[middle] === target) {
return middle;
}

if (nums[middle] >= nums[0]) { //mid的左边是有序数组
if ( target >= nums[0] && target < nums[middle]) { //target落在有序数组中
high = middle – 1;
} else {
low = middle + 1;
}
} else { //mid的右边是有序数组
if ( target > nums[middle] && target <= nums[nums.length – 1]) { //target落在有序数组中
low = middle + 1;
} else {
high = middle – 1;
}
}

}while (low <= high);

return -1;
};

39. 组合总和(JS实现)

39. 组合总和(JS实现)

1 题目
给定一个无重复元素的数组 candidates 和一个目标数 target ,找出 candidates 中所有可以使数字和为 target 的组合。
candidates 中的数字可以无限制重复被选取。
说明:
所有数字(包括 target)都是正整数。
解集不能包含重复的组合。
示例 1:
输入: candidates = [2,3,6,7], target = 7,
所求解集为:
[
[7],
[2,2,3]
]

2 思路
这道题思路是主要还是利用回溯+剪枝的过程构造一棵树,其中叶子节点就是*终的结果,我们可以先将数组排序并筛选剔除,减少迭代的次数

3代码
/**
* @param {number[]} candidates
* @param {number} target
* @return {number[][]}
*/
var combinationSum = function(candidates, target) {
var arr = candidates.filter(function(i) { //剔除大于target的数
return i <= target;
})
arr.sort(function(a, b){
return a-b;
});
if (arr.length === 0) return []; //剔除后数组为空
if (arr[0] === target) return [[target]]; //*小的数等于target

var map = {};
var ans = [];
for (var i=0; i<arr.length; i++){
getSum(arr[i], ” + arr[i]);
}

function getSum(num, str) {
if (num > target) return;

if (num === target) {
ans.push(str.split(‘-‘));
return;
}

for (var i=0; i<arr.length; i++){
getSum(num+arr[i], str + ‘-‘ + arr[i]);
}
}

return ans.filter(function(i) {
i.sort(function(a, b){
return a-b;
});
var key = i.join(”);
if (map[key]) return false;
map[key] = true;
return true;
});
};

40. 组合总和 II(JS实现)

40. 组合总和 II(JS实现)

1 题目
给定一个数组 candidates 和一个目标数 target ,找出 candidates 中所有可以使数字和为 target 的组合。
candidates 中的每个数字在每个组合中只能使用一次。
说明:
所有数字(包括目标数)都是正整数。
解集不能包含重复的组合。
示例 1:
输入: candidates = [10,1,2,7,6,1,5], target = 8,
所求解集为:
[
[1, 7],
[1, 2, 5],
[2, 6],
[1, 1, 6]
]

2 思路
这道题思路还是利用回溯+剪枝的过程构造一棵树,不过由于不允许有重复,我们需要增加添加剪枝的条件,例如同一层级不允许出现相同的数

3代码
/**
* @param {number[]} candidates
* @param {number} target
* @return {number[][]}
*/
var combinationSum2 = function(candidates, target) {
var arr = candidates.filter(function(i) { //剔除大于target的数
return i <= target;
})
arr.sort(function(a, b){
return a-b;
});
if (arr.length === 0) return []; //剔除后数组为空
if (arr[0] === target) return [[target]]; //*小的数等于target

var map = {};
var ans = [];
for (var i=0; i<arr.length; i++){
if (i > 0 && arr[i – 1] == arr[i]) continue; //同一层级不允许出现相同的数
getSum(arr[i], ” + arr[i], i+1); //从下一个数作为begin
}

function getSum(num, str, begin) {
if (num > target) return;

if (num === target) {
ans.push(str.split(‘-‘));
return;
}

for (var i=begin; i<arr.length; i++){
if (i > begin && arr[i – 1] == arr[i]) continue; //同一层级不允许出现相同的数
getSum(num+arr[i], str + ‘-‘ + arr[i], i+1);
}
}

return ans

};

自定义Android SeekBar 图片 大小 等样式

系统自带的SeekBar真是太难看了,不能容忍! 只能自己做了,先来张效果图

%title插图%num

 

第1个Seekbar 背景是颜色,thumb是图片,上代码:

 

  1.     <SeekBar
  2.         android:id=“@+id/sb_detail_play_progress”
  3.         android:layout_width=“fill_parent”
  4.         android:layout_height=“wrap_content”
  5.         android:layout_centerVertical=“true”
  6.         android:layout_gravity=“center”
  7.         android:paddingLeft=“15.0dip”
  8.         android:paddingRight=“15.0dip”
  9.         android:progressDrawable=“@drawable/progress_holo_light”
  10.         android:thumb=“@drawable/detail_icon_schedule_ball” />

drawable/po_seekbar.xml:

  1. <?xml version=”1.0″ encoding=”utf-8″?>
  2. <layer-list
  3. xmlns:android=“http://schemas.android.com/apk/res/android”>
  4. <item android:id=“@*android:id/background”>
  5. <shape>
  6. <solid android:color=“#ff51495e” />
  7. </shape>
  8. </item>
  9. <item android:id=“@*android:id/secondaryProgress”>
  10. <clip>
  11. <shape>
  12. <solid android:color=“#ff51495e” />
  13. </shape>
  14. </clip>
  15. </item>
  16. <item android:id=“@*android:id/progress”>
  17. <clip>
  18. <shape>
  19. <solid android:color=“#ff996dfe” />
  20. </shape>
  21. </clip>
  22. </item>
  23. </layer-list>
  1.  

drawable/seekbar_thumb.xml:

  1.  <?xml version=”1.0″ encoding=”utf-8″?>
  2. <selector
  3. xmlns:android=“http://schemas.android.com/apk/res/android”>
  4. <item android:state_focused=“true” android:state_pressed=“false” android:drawable=“@drawable/seekbar_thumb_normal” />
  5. <item android:state_focused=“true” android:state_pressed=“true” android:drawable=“@drawable/seekbar_thumb_pressed” />
  6. <item android:state_focused=“false” android:state_pressed=“true” android:drawable=“@drawable/seekbar_thumb_pressed” />
  7. <item android:drawable=“@drawable/seekbar_thumb_normal” />
  8. </selector>
  1. 改变大小
  2. 如何改变seekbar的厚度呢,是没有属性能直接修改的,得通过重新定义样式:

     

     
  3. <SeekBar
  4. android:layout_width="match_parent"
  5. android:layout_height="wrap_content"
  6. android:layout_marginTop="20dp"
  7. android:thumb="@drawable/seek"
  8. android:progressDrawable="@drawable/seek_style"
  9. />
  10.  
  11. <?xml version="1.0" encoding="utf-8"?>
  12. <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval">
  13. <size
  14. android:width="20dp"
  15. android:height="20dp"
  16. />
  17. <solid android:color="#60f0"/>
  18. </shape>
  19. progressDrawable 修改进度条的样式: 

     
  20. <?xml version="1.0" encoding="utf-8"?>
  21. <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
  22. <item android:id="@android:id/background">
  23. <shape>
  24. <solid android:color="#999"/>
  25. </shape>
  26. </item>
  27. <item android:id="@android:id/secondaryProgress">
  28. <clip>
  29. <shape>
  30. <corners android:radius="5dip" />
  31. <gradient
  32. android:startColor="#80ffd300"
  33. android:centerColor="#80ffb600"
  34. android:centerY="0.75"
  35. android:endColor="#a0ffcb00"
  36. android:angle="270"
  37. />
  38. </shape>
  39. </clip>
  40. </item>
  41. <item android:id="@android:id/progress">
  42. <clip>
  43. <shape>
  44. <solid android:color="#600f"/>
  45. </shape>
  46. </clip>
  47. </item>
  48. thumb 修改可拖拽的圆的样式: 

android 自定义SeekBar 样式

xml使用

<SeekBar
android:id=”@+id/seebar”
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:layout_centerInParent=”true”
android:layout_gravity=”center_vertical”
android:layout_marginLeft=”@dimen/dp50″
android:max=”15″
android:maxHeight=”10dp”
android:progress=”10″
android:progressDrawable=”@drawable/seebar_barss”
android:splitTrack=”false”
android:thumb=”@drawable/seebar_thumb”
android:thumbOffset=”8dp” />
seebar_barss:

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

<item android:id=”@android:id/background”>

<shape >
<size
android:height=”6dp”

/>
<solid android:color=”@color/color4″

/>

<corners android:radius=”30dp” />
<!–<gradient–>
<!–android:startColor=”#80ffd300″–>
<!–android:centerColor=”#80ffb600″–>
<!–android:centerY=”0.75″–>
<!–android:endColor=”#a0ffcb00″–>
<!–android:angle=”270″–>
<!–/>–>

</shape>
</item>

<!–第二进度条–>
<item android:id=”@android:id/secondaryProgress”>
<clip>
<shape >
<size
android:height=”6dp”
/>
<solid
android:color=”@color/color3″/>
<corners android:radius=”30dp” />
</shape>
</clip>
</item>
<!–*进度条–>
<item android:id=”@android:id/progress”>
<clip>
<shape >
<size
android:height=”6dp”
/>
<solid
android:color=”@color/color3″/>
<corners android:radius=”30dp” />
</shape>
</clip>
</item>
</layer-list>
 

seebar_thumb:

<?xml version=”1.0″ encoding=”utf-8″?>
<shape xmlns:android=”http://schemas.android.com/apk/res/android”
android:shape=”oval”>

<size
android:width=”30dp”
android:height=”30dp”
/>
<solid android:color=”@color/color8″/>
<stroke
android:width=”1dp”
android:color=”@color/color8″/>
</shape>

Android 自定义漂亮的Seekbar样式

Android自定义漂亮的Seekbar样式
Seekbar通常用于与用户有交互的操作,便于拖拉进度,显示当前进度,当然一个漂亮的seekbar无疑会增加许多用户体验性,下面我就通过一个实例,展示一下怎么自定义一个漂亮的seekbar.

一、Seekbar的属性:

android:max[integer]//设置拖动条的*大值

android:progress[integer]//设置当前的进度值

android:secondaryProgress[integer]//设置第二进度,通常用做显示视频等的缓冲效果

android:thumb[drawable]//设置滑块的图样

android:progressDrawable[drawable]//设置进度条的图样

二、Seekbar的监听事件

seekbar在监听事件的时候主要用的是setOnSeekBarChangeListener,主要用于监听如下内容:

seekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
@Override
public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
//主要是用于监听进度值的改变
}

@Override
public void onStartTrackingTouch(SeekBar seekBar) {

//监听用户开始拖动进度条的时候
}

@Override
public void onStopTrackingTouch(SeekBar seekBar) {
//监听用户结束拖动进度条的时候

}
});

三、自定义seekbar样式
原生的效果如下:实在太丑了有木有,,,作为一个程序员都有点受不了了,抓狂中,,,,

%title插图%num

下面是上一下自定义的seekbar效果图,瞬间变漂亮了有木有,,:

%title插图%num

代码如下,,

activity_main:

<SeekBar
android:id=”@+id/payment_seekbar”
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:progress=”20″ />

<SeekBar
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:layout_marginTop=”20dp”
style=”@style/CustomSeekbarStyle”
android:progress=”20″
/>

CustomSeekbarStyle:

<!–自定义seekbarstyle–>
<style name=”CustomSeekbarStyle” >
<item name=”android:maxHeight”>10dp</item>
<item name=”android:indeterminateOnly”>false</item>
<item name=”android:indeterminateDrawable”>@color/colorAccent</item>
<item name=”android:progressDrawable”>@drawable/seekbar_progress_drawable</item>
<item name=”android:minHeight”>10dp</item>
<item name=”android:thumb”>@mipmap/thumb</item>
</style>

seekbar_progress_drawable:

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

<!–定义seekbar滑动条的底色–>
<item android:id=”@android:id/background”>
<shape>
<corners android:radius=”5dp” />
<gradient
android:angle=”270″
android:centerColor=”#eeeff3″
android:centerY=”0.75″
android:endColor=”#eeeff3″
android:startColor=”#eeeff3″ />
</shape>
</item>
<!–定义seekbar滑动条进度颜色–>
<item android:id=”@android:id/progress”>
<clip>
<shape>
<corners android:radius=”5dp”/>
<solid android:color=”#FD5655″/>
</shape>
</clip>
</item>
</layer-list>
————————————————

Android SeekBar样式修改实现签到效果

1、实现功能 签到的progress 支持气泡指示器
效果图

%title插图%num
2、实现代码
(1)重写SeekBar禁止拖动
package com.example.demo;
import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.widget.SeekBar;

public class MySeekBar extends SeekBar{

public MySeekBar(Context context) {
super(context,null);
}

public MySeekBar(Context context, AttributeSet attrs) {
super(context, attrs, 0);

}

public MySeekBar(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);

}

@Override
public boolean onTouchEvent(MotionEvent event) {
// TODO Auto-generated method stub
// 原来是要将TouchEvent传递下去的,我们不让它传递下去就行了
// return super.onTouchEvent(event);
return false;
}

}

(2)mainActivity
package com.example.demo;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.LinearLayout;

public class MainActivity extends Activity {
private MySeekBar mySeekBar;
private int speed = 0;//进度条每次点击
private int lin_speed = 0;//上面的描述文字的位置
private LinearLayout ll_des;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mySeekBar = (MySeekBar) findViewById(R.id.seekbar);
Button btn_add = (Button) findViewById(R.id.btn_add);
mySeekBar.setProgress(2);
ll_des = (LinearLayout) findViewById(R.id.ll_des);

btn_add.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
runOnUiThread(new Runnable() {
@Override
public void run() {
if (speed == 2) {
speed = 0;
}
if (speed < 68) {
if (speed == 60) {
speed = speed + 10 – 2;//进度条每次前进十个位置
} else {
speed = speed + 10;//进度条每次前进十个位置
}
if (speed <= 60) {
lin_speed = lin_speed + 120;//组件根据实际组件长宽算出来的
}
LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) ll_des.getLayoutParams();
lp.setMargins(lin_speed, 0, 0, 0);
ll_des.setLayoutParams(lp);
mySeekBar.setProgress(speed);
}
}
});
}
});
}

}
(3)布局
<LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”
android:layout_width=”match_parent”
android:layout_height=”match_parent”
android:layout_gravity=”center_vertical”
android:layout_margin=”30dp”
android:orientation=”vertical”>

<Button
android:id=”@+id/btn_add”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:text=”加” />

<LinearLayout
android:layout_width=”match_parent”
android:layout_height=”80dp”
android:orientation=”vertical”>

<LinearLayout
android:id=”@+id/ll_des”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:layout_marginBottom=”4dp”
android:gravity=”center”
android:orientation=”vertical”>

<TextView
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:background=”@drawable/top_img”
android:paddingBottom=”2dp”
android:paddingLeft=”6dp”
android:paddingRight=”6dp”
android:paddingTop=”2dp”
android:text=”累积18积分”
android:textColor=”#ffffffff”
android:textSize=”9sp” />

<ImageView
android:layout_width=”12dp”
android:layout_height=”wrap_content”
android:src=”@drawable/san_jiao” />
</LinearLayout>

<RelativeLayout
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”>

<ImageView
android:id=”@+id/im_gif”
android:layout_width=”20dp”
android:layout_height=”20dp”
android:layout_marginLeft=”10dp”
android:src=”@drawable/m”
android:visibility=”gone” />

</RelativeLayout>

<com.example.demo.MySeekBar
android:id=”@+id/seekbar”
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:layout_gravity=”center”
android:layout_marginTop=”6dp”
android:max=”70″
android:progressDrawable=”@drawable/ddd”
android:thumb=”@drawable/m” />

<LinearLayout
android:layout_width=”match_parent”
android:layout_height=”wrap_content”>

<TextView
style=”@style/myText”
android:text=”@string/_1″ />

<TextView
style=”@style/myText”
android:text=”@string/_2″ />

<TextView
style=”@style/myText”
android:text=”@string/_3″ />

<TextView
style=”@style/myText”
android:text=”@string/_4″ />

<TextView
style=”@style/myText”
android:text=”@string/_5″ />

<TextView
style=”@style/myText”
android:text=”@string/_6″ />

<TextView
style=”@style/myText”
android:text=”@string/_7″ />
</LinearLayout>
</LinearLayout>

</LinearLayout>
(4)核心draeble
<?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:height=”8dp” android:top=”7dp”>
<shape>
<corners android:radius=”@dimen/activity_horizontal_margin”/>
<solid android:color=”#6E8B9B”/>
</shape>
</item>

<item android:id=”@android:id/progress” android:height=”8dp” android:top=”7dp” android:drawable=”@drawable/b”>
</item>

<item android:id=”@android:id/secondaryProgress” android:height=”8dp” android:top=”7dp”>
<clip>
<shape>
<corners android:radius=”@dimen/activity_horizontal_margin”/>
<solid android:color=”#6E8B9B”/>
</shape>
</clip>
</item>

</layer-list>

学习SeekBar的使用和自定义样式

SeekBar的主要属性和方法

(1)setMax — 设置SeekBar的*大数值
(2)setProgress — 设置SeekBar的当前数值
(3)setSecondProgress—设置SeekBar的第二数值

SeekBar的事件

由于拖动条可以诶用户控制。所以需要对其事件监听,这就需要实现SeekBar.OnSeekBarChangeListner接口,此接口共需监听。

三个事件分别是:
数值改变—-onProgressChanged
开始拖动—-onStartTrackingTouch
停止拖动—-onStopTrackingTouch

%title插图%num

<SeekBar
android:id=”@+id/seekbar”
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:layout_centerInParent=”true”
android:max=”100″
android:progress=”50″ />

 

mSeekBar = (SeekBar) findViewById(R.id.seekbar);

mSeekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
@Override
public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
Log.e(“xyh”, “onProgressChanged: ” + progress + “”);
}

@Override
public void onStartTrackingTouch(SeekBar seekBar) {
Log.e(“xyh”, “onStartTrackingTouch: ” + “开始拖动”);
}

@Override
public void onStopTrackingTouch(SeekBar seekBar) {
Log.e(“xyh”, “onStartTrackingTouch: ” + “结束拖动”);
}
});

自定义SeekBar的进度条样式

改变进度条的样式
android:ProgressDrawable = “@drawable/seekBar_img”

改变滑块的样式
android:thumb = @drawable/selector_thumb_bar

进入SeekBar 的样式文件看一看

<style name=”Widget.SeekBar”>
<item name=”android:indeterminateOnly”>false</item>
<item name=”android:progressDrawable”>@android:drawable/progress_horizontal</item>
<item name=”android:indeterminateDrawable”>@android:drawable/progress_horizontal</item>
<item name=”android:minHeight”>20dip</item>
<item name=”android:maxHeight”>20dip</item>
<item name=”android:thumb”>@android:drawable/seek_thumb</item>
<item name=”android:thumbOffset”>8dip</item>
<item name=”android:focusable”>true</item>
<item name=”android:mirrorForRtl”>true</item>
</style>

我们可以看到他的滑块是这个样式@android:drawable/seek_thumb,继续我们可以在\data\res\drawable下找到seek_thumb.xml这个文件,他就是滑块的样式

<selector xmlns:android=”http://schemas.android.com/apk/res/android”>

<item android:state_pressed=”true”
android:state_window_focused=”true”
android:drawable=”@drawable/seek_thumb_pressed” />

<item android:state_focused=”true”
android:state_window_focused=”true”
android:drawable=”@drawable/seek_thumb_selected” />

<item android:state_selected=”true”
android:state_window_focused=”true”
android:drawable=”@drawable/seek_thumb_selected” />

<item android:drawable=”@drawable/seek_thumb_normal” />

</selector>

可以看到他是一个选择器,这样,我们想要改变滑块的样式,只需要修改这个选择器即可。

滑块样式选择器:selector_thumb_bar.xml

<?xml version=”1.0″ encoding=”utf-8″?>
<selector xmlns:android=”http://schemas.android.com/apk/res/android”>
<!– 按下状态 –>
<item android:drawable=”@drawable/shape_seekbar_btn” android:state_pressed=”true” />

<!– 焦点状态 –>
<item android:drawable=”@drawable/shape_seekbar_btn” android:state_focused=”true” />

<!– 选择状态 –>
<item android:drawable=”@drawable/shape_seekbar_btn” android:state_selected=”true” />

<!– 默认状态 –>
<item android:drawable=”@drawable/shape_seekbar_btn” />
</selector>

滑块:shape_seekbar_btn

<?xml version=”1.0″ encoding=”utf-8″?>
<shape xmlns:android=”http://schemas.android.com/apk/res/android”
android:shape=”oval”>

<solid android:color=”#ffffff” />

<size
android:width=”26dp”
android:height=”26dp” />

<stroke
android:width=”1dp”
android:color=”#33000000″ />

</shape>

进度条样式

进度条总共需要设置三个属性的颜色:

@android:id/background:进度条的整体背景颜色。
@android:id/secondaryProgress:二级进度条的颜色
@android:id/progress:一级进度条的颜色,即进度条当前已经滑过面积的颜色。

<?xml version=”1.0″ encoding=”utf-8″?>
<layer-list xmlns:android=”http://schemas.android.com/apk/res/android”>
<item android:id=”@android:id/background”>
<shape>
<corners android:radius=”5dp” />
<solid android:color=”#C9C7C7″ />
</shape>
</item>

<item android:id=”@android:id/secondaryProgress”>
<clip>
<shape>
<corners android:radius=”5dp” />
<solid android:color=”@color/colorAccent” />
</shape>
</clip>
</item>

<item android:id=”@android:id/progress”>
<clip>
<shape>
<corners android:radius=”5dp” />
<solid android:color=”#11ce33″ />
</shape>
</clip>
</item>
</layer-list>

使用

<SeekBar
android:id=”@+id/seekbar”
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:layout_centerInParent=”true”
android:max=”100″
android:maxHeight=”3dp”
android:minHeight=”3dp”
android:progress=”30″
android:progressDrawable=”@drawable/seekbar_shape”
android:secondaryProgress=”70″
android:thumb=”@drawable/selector_thumb_bar” />

%title插图%num

————————————————

一个简单的自定义SeekBar样式

自定义SeekBar的Xml文件
<!– 背景 –>
<item android:id=”@android:id/background”>
<shape>
<!– 圆角 –>
<corners android:radius=”5dip” />
<gradient
android:angle=”270″ //渐变的角度
android:centerColor=”#ff535353″ //渐变中间的颜色值
android:centerY=”0.75″ //渐变中心Y点坐标的相对位置
android:endColor=”#ff535353″ //渐变结束的颜色值
android:startColor=”#ff535353″ /> //渐变起始的颜色值
</shape>
</item>
<!– 第二进度条 –>
<!–
<item android:id=”@android:id/secondaryProgress”>
<clip>
<shape>
<corners android:radius=”5dip” />

<gradient
android:angle=”270″
android:centerColor=”#ffffcc00″
android:centerY=”0.75″
android:endColor=”#ffffcc00″
android:startColor=”#ffffcc00″ />
</shape>
</clip>
</item>
–>
<!– *进度条 –>
<item android:id=”@android:id/progress”>
<clip>
<shape>
<corners android:radius=”5dip” />

<gradient
android:angle=”270″
android:centerColor=”#ffffcc00″
android:centerY=”0.75″
android:endColor=”#ffffcc00″
android:startColor=”#ffffcc00″ />
</shape>
</clip>
</item>
%title插图%num

接下来就是SeerkBar定义了

<SeekBar
android:id=”@+id/ribbon_speed_seekbar”
android:layout_width=”fill_parent”
android:layout_height=”wrap_content”
android:progress=”30″
android:progressDrawable=”@drawable/seekbar_progress”
android:thumb=”@drawable/seekbar_thumb” />//定义滑块

非常简单,看来还是需要多写。加油!!!

angle对应值的起点如图:

%title插图%num

友情链接: SITEMAP | 旋风加速器官网 | 旋风软件中心 | textarea | 黑洞加速器 | jiaohess | 老王加速器 | 烧饼哥加速器 | 小蓝鸟 | tiktok加速器 | 旋风加速度器 | 旋风加速 | quickq加速器 | 飞驰加速器 | 飞鸟加速器 | 狗急加速器 | hammer加速器 | trafficace | 原子加速器 | 葫芦加速器 | 麦旋风 | 油管加速器 | anycastly | INS加速器 | INS加速器免费版 | 免费vqn加速外网 | 旋风加速器 | 快橙加速器 | 啊哈加速器 | 迷雾通 | 优途加速器 | 海外播 | 坚果加速器 | 海外vqn加速 | 蘑菇加速器 | 毛豆加速器 | 接码平台 | 接码S | 西柚加速器 | 快柠檬加速器 | 黑洞加速 | falemon | 快橙加速器 | anycast加速器 | ibaidu | moneytreeblog | 坚果加速器 | 派币加速器 | 飞鸟加速器 | 毛豆APP | PIKPAK | 安卓vqn免费 | 一元机场加速器 | 一元机场 | 老王加速器 | 黑洞加速器 | 白石山 | 小牛加速器 | 黑洞加速 | 迷雾通官网 | 迷雾通 | 迷雾通加速器 | 十大免费加速神器 | 猎豹加速器 | 蚂蚁加速器 | 坚果加速器 | 黑洞加速 | 银河加速器 | 猎豹加速器 | 海鸥加速器 | 芒果加速器 | 小牛加速器 | 极光加速器 | 黑洞加速 | movabletype中文网 | 猎豹加速器官网 | 烧饼哥加速器官网 | 旋风加速器度器 | 哔咔漫画 | PicACG | 雷霆加速