tt/XiaoxintongSystemOS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

version:beta

Browse Source 
fix:
update:seekbar增加刻度
This commit is contained in:
fanhuitong
2022-11-07 11:55:40 +08:00
parent 3095e146be
commit db3ee94ca2
5 changed files with 92 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
app/src/main/java/com/uiuios/aios/view/RulerSeekBar.java
View File

@@ -8,6 +8,7 @@ import android.graphics.Paint;
import android.graphics.Rect; import android.graphics.Rect;
import android.os.Build; import android.os.Build;
import android.util.AttributeSet; import android.util.AttributeSet;
import android.util.Log;
public class RulerSeekBar extends androidx.appcompat.widget.AppCompatSeekBar { public class RulerSeekBar extends androidx.appcompat.widget.AppCompatSeekBar {
@@ -29,13 +30,15 @@ public class RulerSeekBar extends androidx.appcompat.widget.AppCompatSeekBar {
/** /**
* 刻度线的颜色 * 刻度线的颜色
*/ */
private int mRulerColor = Color.WHITE; private int mRulerColor = Color.GRAY;
/** /**
* 滑块上面是否要显示刻度线 * 滑块上面是否要显示刻度线
*/ */
private boolean isShowTopOfThumb = true; private boolean isShowTopOfThumb = true;
private int radius = 8;
public RulerSeekBar(Context context) { public RulerSeekBar(Context context) {
super(context); super(context);
init(); init();
@@ -80,23 +83,46 @@ public class RulerSeekBar extends androidx.appcompat.widget.AppCompatSeekBar {
return; return;
} }
int thumbRadius = 0;
if (getThumb() != null) {
Rect rect = getThumb().getBounds();
thumbRadius = (rect.right - rect.left) / 2;
}
Log.e("RulerSeekBar", "onDraw: thumbRadius = " + thumbRadius);
//获取每一份的长度 //获取每一份的长度
int length = (getWidth() - getPaddingLeft() - getPaddingRight() - mRulerCount * mRulerWidth) / (mRulerCount + 1); int length = (getWidth() - getPaddingLeft() - getPaddingRight() - (mRulerCount + 1) * (radius) - thumbRadius * 2) / (mRulerCount + 1);
Log.e("RulerSeekBar", "onDraw: mRulerCount = " + mRulerCount);
Log.e("RulerSeekBar", "onDraw: getWidth = " + getWidth());
Log.e("RulerSeekBar", "onDraw: getPaddingLeft = " + getPaddingLeft());
Log.e("RulerSeekBar", "onDraw: getPaddingRight = " + getPaddingRight());
Log.e("RulerSeekBar", "onDraw: length = " + length);
//计算刻度线的顶部坐标和底部坐标 //计算刻度线的顶部坐标和底部坐标
Log.e("RulerSeekBar", "onDraw: getHeight = " + getHeight());
Log.e("RulerSeekBar", "onDraw: getMinimumHeight = " + getMinimumHeight());
int rulerTop = getHeight() / 2 - getMinimumHeight() / 2; int rulerTop = getHeight() / 2 - getMinimumHeight() / 2;
int rulerBottom = rulerTop + getMinimumHeight(); int rulerBottom = rulerTop + getMinimumHeight();
Log.e("RulerSeekBar", "onDraw: rulerTop = " + rulerTop);
Log.e("RulerSeekBar", "onDraw: rulerBottom = " + rulerBottom);
int center = getHeight() / 2;
//获取滑块的位置信息 //获取滑块的位置信息
Rect thumbRect = null; Rect thumbRect = null;
if (getThumb() != null) { if (getThumb() != null) {
thumbRect = getThumb().getBounds(); thumbRect = getThumb().getBounds();
} }
Log.e("RulerSeekBar", "onDraw: thumbRect = " + thumbRect);
//绘制刻度线 //绘制刻度线
for (int i = 1; i <= mRulerCount; i++) { for (int i = 0; i <= mRulerCount + 1; i++) {
//计算刻度线的左边坐标和右边坐标 //计算刻度线的左边坐标和右边坐标
int rulerLeft = i * length + getPaddingLeft(); int rulerLeft = i * length + getPaddingLeft();
Log.e("RulerSeekBar", "onDraw: rulerLeft = " + rulerLeft);
int rulerRight = rulerLeft + mRulerWidth; int rulerRight = rulerLeft + mRulerWidth;
//判断是否需要绘制刻度线 //判断是否需要绘制刻度线
@@ -104,9 +130,13 @@ public class RulerSeekBar extends androidx.appcompat.widget.AppCompatSeekBar {
continue; continue;
} }
if (rulerLeft > thumbRect.left && rulerLeft < thumbRect.right) {
continue;
}
//进行绘制 //进行绘制
// canvas.drawRect(rulerLeft, rulerTop, rulerRight, rulerBottom, mRulerPaint); // canvas.drawRect(rulerLeft, rulerTop, rulerRight, rulerBottom, mRulerPaint);
canvas.drawCircle(rulerLeft, rulerTop, 12, mRulerPaint); canvas.drawCircle(rulerLeft + radius + thumbRadius, center, radius, mRulerPaint);
} }
} }

8
app/src/main/res/drawable/shape_progress_drawable.xml
View File

@@ -3,8 +3,8 @@
<item android:id="@android:id/background"> <item android:id="@android:id/background">
<shape> <shape>
<solid android:color="#e1e8f0" /> <solid android:color="#e1e8f0" />
<size android:height="8dp" /> <size android:height="@dimen/dp_14" />
<corners android:radius="8dp" /> <corners android:radius="@dimen/dp_14" />
</shape> </shape>
</item> </item>
@@ -15,8 +15,8 @@
android:centerColor="#e1e8f0" android:centerColor="#e1e8f0"
android:endColor="#e1e8f0" android:endColor="#e1e8f0"
android:startColor="#e1e8f0" /> android:startColor="#e1e8f0" />
<size android:height="8dp" /> <size android:height="@dimen/dp_14" />
<corners android:radius="8dp" /> <corners android:radius="@dimen/dp_14" />
</shape> </shape>
</clip> </clip>
</item> </item>

4
app/src/main/res/drawable/shape_thumb_icon.xml
View File

@@ -3,8 +3,8 @@
android:shape="oval"> android:shape="oval">
<size <size
android:width="15dp" android:width="@dimen/dp_14"
android:height="15dp" /> android:height="@dimen/dp_14" />
<solid android:color="@android:color/holo_blue_light" /> <solid android:color="@android:color/holo_blue_light" />
</shape> </shape>

99
app/src/main/res/layout-land/activity_control.xml
View File

@@ -154,6 +154,54 @@
</androidx.constraintlayout.widget.ConstraintLayout> </androidx.constraintlayout.widget.ConstraintLayout>
</LinearLayout> </LinearLayout>
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_margin="@dimen/dp_8"
android:layout_weight="1">
<SeekBar
android:id="@+id/seekbar_sound"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@null"
android:paddingStart="0dp"
android:paddingEnd="0dp"
android:progressDrawable="@drawable/seekbar_progress_default"
android:thumb="@null"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<ImageView
android:id="@+id/iv_sound"
android:layout_width="@dimen/dp_36"
android:layout_height="@dimen/dp_36"
android:layout_marginStart="@dimen/dp_8"
android:adjustViewBounds="true"
android:scaleType="centerCrop"
android:src="@drawable/sound1"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/tv_sound"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="@dimen/dp_16"
android:maxLines="1"
android:singleLine="true"
android:text="100%"
android:textColor="@color/white"
android:textSize="@dimen/sp_24"
app:layout_constraintBottom_toBottomOf="@+id/iv_sound"
app:layout_constraintStart_toEndOf="@+id/iv_sound"
app:layout_constraintTop_toTopOf="@+id/iv_sound" />
</androidx.constraintlayout.widget.ConstraintLayout>
<androidx.constraintlayout.widget.ConstraintLayout <androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="0dp" android:layout_height="0dp"
@@ -169,8 +217,8 @@
android:layout_marginStart="@dimen/dp_20" android:layout_marginStart="@dimen/dp_20"
android:layout_marginEnd="@dimen/dp_20" android:layout_marginEnd="@dimen/dp_20"
android:max="3" android:max="3"
android:maxHeight="12dp" android:maxHeight="@dimen/dp_14"
android:minHeight="12dp" android:minHeight="@dimen/dp_14"
android:progress="0" android:progress="0"
android:progressDrawable="@drawable/shape_progress_drawable" android:progressDrawable="@drawable/shape_progress_drawable"
android:thumb="@drawable/shape_thumb_icon" android:thumb="@drawable/shape_thumb_icon"
@@ -252,53 +300,6 @@
<!-- app:layout_constraintTop_toBottomOf="@+id/tv_font_size" />--> <!-- app:layout_constraintTop_toBottomOf="@+id/tv_font_size" />-->
</androidx.constraintlayout.widget.ConstraintLayout> </androidx.constraintlayout.widget.ConstraintLayout>
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_margin="@dimen/dp_8"
android:layout_weight="1">
<SeekBar
android:id="@+id/seekbar_sound"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@null"
android:paddingStart="0dp"
android:paddingEnd="0dp"
android:progressDrawable="@drawable/seekbar_progress_default"
android:thumb="@null"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<ImageView
android:id="@+id/iv_sound"
android:layout_width="@dimen/dp_36"
android:layout_height="@dimen/dp_36"
android:layout_marginStart="@dimen/dp_8"
android:adjustViewBounds="true"
android:scaleType="centerCrop"
android:src="@drawable/sound1"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/tv_sound"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="@dimen/dp_16"
android:maxLines="1"
android:singleLine="true"
android:text="100%"
android:textColor="@color/white"
android:textSize="@dimen/sp_24"
app:layout_constraintBottom_toBottomOf="@+id/iv_sound"
app:layout_constraintStart_toEndOf="@+id/iv_sound"
app:layout_constraintTop_toTopOf="@+id/iv_sound" />
</androidx.constraintlayout.widget.ConstraintLayout>
</LinearLayout> </LinearLayout>
<LinearLayout <LinearLayout

4
app/src/main/res/layout-port/activity_control.xml
View File

@@ -256,8 +256,8 @@
android:layout_marginStart="@dimen/dp_32" android:layout_marginStart="@dimen/dp_32"
android:layout_marginEnd="@dimen/dp_32" android:layout_marginEnd="@dimen/dp_32"
android:max="3" android:max="3"
android:maxHeight="12dp" android:maxHeight="@dimen/dp_14"
android:minHeight="12dp" android:minHeight="@dimen/dp_14"
android:progress="0" android:progress="0"
android:progressDrawable="@drawable/shape_progress_drawable" android:progressDrawable="@drawable/shape_progress_drawable"
android:thumb="@drawable/shape_thumb_icon" android:thumb="@drawable/shape_thumb_icon"