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

如何修改SeekBar的样式

自定义SeekBar样式
谷歌是怎么定义的?
<SeekBar
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
style=”@android:style/Widget.SeekBar”/>

谷歌定义的SeekBar的样式全在@android:style/Widget.SeekBar中,通过样式可以观察发现谷歌是如何定义SeekBar的。可以通过修改样式,覆盖原来样式,从而达到我们需要的效果。

<style name=”Widget.SeekBar”>
<item name=”indeterminateOnly”>false</item>
<!–progressDrawable定义了背景图,进度图,和缓冲图–>
<item name=”progressDrawable”>@drawable/progress_horizontal</item>
<item name=”indeterminateDrawable”>@drawable/progress_horizontal</item>
<item name=”minHeight”>20dip</item>
<item name=”maxHeight”>20dip</item>
<!–thumb定义了滑块的图片–>
<item name=”thumb”>@drawable/seek_thumb</item>
<item name=”thumbOffset”>8dip</item>
<item name=”focusable”>true</item>
<item name=”mirrorForRtl”>true</item>
</style>

如果想改变SeekBar的背景图,进度图,和缓存图等,我们可以自定义progressDrawable,例如
progress_horizotal.xml

<layer-list xmlns:android=”http://schemas.android.com/apk/res/android”>
<!–这是SeekBar的背景图–>
<item android:id=”@android:id/background” android:drawable=”@drawable/seekbar_background”>
</item>
<!– 这是缓存进度图–>
<item android:id=”@android:id/secondaryProgress”>
<clip>
<shape>
<corners android:radius=”5dip” />
<gradient
android:startColor=”#80ffd300″
android:centerColor=”#80ffb600″
android:centerY=”0.75″
android:endColor=”#a0ffcb00″
android:angle=”270″
/>
</shape>
</clip>
</item>
<!–这是SeekBar的进度图–>
<item android:id=”@android:id/progress”>
<clip>
<shape>
<corners android:radius=”5dip” />
<solid android:color=”@color/blue”/>
</shape>
</clip>
</item>

</layer-list>

然后在定义SeekBar的时候可以这样使用:

<SeekBar
style=”@android:style/Widget.SeekBar”
<!–覆盖原来进度的样式–> android:progressDrawable=”@drawable/progress_horizotal”
<!–覆盖滑块的样式–>
android:thumb=”@drawable/seekbar_thumb”
android:minHeight=”3dp”
android:maxHeight=”3dp”
android:max=”100″
android:progress=”50″
android:layout_width=”0dp”
android:layout_height=”wrap_content”
android:layout_weight=”1″
android:layout_marginLeft=”4dp”
android:layout_marginRight=”4dp”/>
————————————————

Android SeekBar控件详解

SeekBar控件使用##
使用 SeekBar 实现图片的虚幻

注解:图片虚幻度*大值为255,为实体*小值为0,虚幻值越小,图片越虚幻。

使用 SeekBar 实现图片的虚幻有两种方式:
*种是 : implements SeekBar.OnSeekBarChangeListener 然后重写方法

第二种是:private SeekBar.OnSeekBarChangeListener sbl = new SeekBar.OnSeekBarChangeListener(){}; 创建一个方法 用来监听SeekBar控件

原图为:

%title插图%num

效果图为:

%title插图%num

xml 布局 seekbar.xml:

<?xml version=”1.0″ encoding=”utf-8″?>
<LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”
android:orientation=”vertical” android:layout_width=”match_parent”
android:layout_height=”match_parent”>
<TextView
android:id=”@+id/tv_homeWork_text”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:text=”图片虚幻度为:255″
/>
<ImageView
android:id=”@+id/iv_homeWork_image”
android:layout_width=”100dp”
android:layout_height=”100dp”
android:src=”@drawable/s2″
/>
<SeekBar
android:id=”@+id/sb_homeWork_lucency”
android:layout_width=”250dp”
android:layout_height=”wrap_content”
/>

</LinearLayout>

*种方法

package androidstudio.androidsix;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.ImageView;
import android.widget.SeekBar;

import java.io.File;

/**
* Created by Administrator on 2017/6/6.
*/

public class SeekBarActivity extends AppCompatActivity implements SeekBar.OnSeekBarChangeListener {

private ImageView imageView;
private SeekBar sb;
private int currentAlpha=255;
private TextView tv;

@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.seekbar);
//获取图片
imageView = (ImageView) findViewById(R.id.iv_homeWork_image);
//获取文本框
tv = (TextView) findViewById(R.id.tv_homeWork_text);
//获取SeekBar
sb = (SeekBar) findViewById(R.id.sb_homeWork_lucency);
sb.setMax(255);
sb.setProgress(10);
//seekBar设置滑动事件
sb.setOnSeekBarChangeListener(this);

/**
* 当进度条发生变化时调用该方法
* @param seekBar
* @param progress
* @param fromUser
*/
@Override
public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
//设置文本框的值
tv.setText(“图片虚幻度为:”+progress);
//滑动滑动条时图片虚幻度跟着变幻
imageView.setImageAlpha(progress);
}

/**
* 开始滑动时调用该方法
* @param seekBar
*/
@Override
public void onStartTrackingTouch(SeekBar seekBar) {

}

/**
* 结束滑动时调用该方法
* @param seekBar
*/
@Override
public void onStopTrackingTouch(SeekBar seekBar) {

}

}

第二种方法
SeekBarActivity.java类

package androidstudio.androidsix;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.ImageView;
import android.widget.SeekBar;

import java.io.File;

/**
* Created by Administrator on 2017/6/6.
*/

public class SeekBarActivity extends AppCompatActivity {

private ImageView imageView;
private SeekBar sb;
private int currentAlpha=255;
private TextView tv;

@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.seekBar);
//获取图片
imageView = (ImageView) findViewById(R.id.iv_homeWork_image);
//获取文本框
tv = (TextView) findViewById(R.id.tv_homeWork_text);
//获取SeekBar
sb = (SeekBar) findViewById(R.id.sb_homeWork_lucency);
sb.setMax(255);
sb.setProgress(10);
//seekBar设置滑动事件
sb.setOnSeekBarChangeListener(sbl);

private SeekBar.OnSeekBarChangeListener sbl = new SeekBar.OnSeekBarChangeListener() {
/**
* 当进度条发生变化时调用该方法
* @param seekBar
* @param progress
* @param fromUser
*/
@Override
public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
//设置文本框的值
tv.setText(“图片虚幻度为:”+progress);
//滑动滑动条时图片虚幻度跟着变幻
imageView.setImageAlpha(progress);
}

/**
* 开始滑动时调用该方法
* @param seekBar
*/
@Override
public void onStartTrackingTouch(SeekBar seekBar) {

}

/**
* 结束滑动时调用该方法
* @param seekBar
*/
@Override
public void onStopTrackingTouch(SeekBar seekBar) {

}
};

}