码迷,mamicode.com
首页 > 其他好文 > 详细

案例:SeekBar的滑块上面带有另外的视图可以跟着一起滚动

时间:2015-09-16 12:42:10      阅读:248      评论:0      收藏:0      [点我收藏+]

标签:

效果图:


技术分享


XML布局:

  1. <LinearLayout
  2. android:layout_width="match_parent"
  3. android:layout_height="wrap_content"
  4. android:orientation="vertical" >
  5. <TextView
  6. android:id="@+id/sb_text"
  7. android:layout_width="wrap_content"
  8. android:layout_height="wrap_content"
  9. android:layout_below="@+id/sb01"
  10. android:background="@drawable/price"
  11. android:gravity="center_horizontal"
  12. android:text="0"
  13. android:textColor="#000000"
  14. android:textSize="12sp" />
  15. <SeekBar
  16. android:id="@+id/sb"
  17. android:layout_width="match_parent"
  18. android:layout_height="wrap_content"
  19. android:layout_below="@+id/iv01"
  20. android:layout_centerInParent="true"
  21. android:layout_gravity="center_vertical"
  22. android:max="100"
  23. android:maxHeight="20px"
  24. android:minHeight="20px"
  25. android:paddingLeft="20dp"
  26. android:paddingRight="20dp"
  27. android:progress="0"
  28. android:progressDrawable="@drawable/seekbar_define_style"
  29. android:thumb="@drawable/sliding_button" />
  30. </LinearLayout>

JAVA代码:

  1. SeekBar sb=(SeekBar) popupWindow.findViewById(R.id.sb);
  2. final TextView sb_text=(TextView) popupWindow.findViewById(R.id.sb_text);
  3. sb.setOnSeekBarChangeListener(new OnSeekBarChangeListener() {
  4. @Override
  5. public void onStopTrackingTouch(SeekBar arg0) {
  6. }
  7. @Override
  8. public void onStartTrackingTouch(SeekBar arg0) {
  9. }
  10. @Override
  11. public void onProgressChanged(SeekBar seekbar1, int arg1, boolean arg2) {
  12. int position=seekbar1.getProgress();
  13. //seekbar的宽度,一定记得要减去内边距!否则设置textView的位移时会不准
  14. float seekbarWidth=seekbar1.getWidth()-DensityUtil.dp2px(B1_CarDetailActivity.this, 40);
  15. float translateX=(position * seekbarWidth)/100;
  16. sb_text.setText(position+"");
  17. sb_text.setTranslationX(translateX);
  18. }
  19. });

自定义进度条样式:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
  3. <item
  4. android:id="@android:id/background"
  5. android:drawable="@drawable/sliding_region_down"/>
  6. <item
  7. android:id="@android:id/progress"
  8. android:drawable="@drawable/sliding_region"/>
  9. <!--<item-->
  10. <!--android:id="@android:id/secondaryProgress"-->
  11. <!--android:drawable="#FF7E00"/>-->
  12. </layer-list>








案例:SeekBar的滑块上面带有另外的视图可以跟着一起滚动

标签:

原文地址:http://www.cnblogs.com/yutianran/p/4812678.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!