android:scrollbars 滑动滚动条代码控制 - ToB企服应用市场:ToB评测及商务社交产业平台

android:fadeScrollbars
android:scrollbarDefaultDelayBeforeFade
android:scrollbarFadeDuration

复制代码

insideOverlay
insideInset
outsideOverlay
outsideInset

复制代码

<ScrollView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:scrollbars="none">
<TextView
android:id="@+id/showhtml"
android:layout_width="fill_parent"
android:layout_height="wrap_content" />
</ScrollView>

复制代码

android:scrollbars="vertical"
android:scrollbarTrackVertical="@drawable/xxx_vertical_track"
android:scrollbarThumbVertical="@drawable/xxx_vertical_thumb"
android:scrollbars="horizontal"
android:scrollbarTrackHorizontal="@drawable/xxx_horizontal_track"
android:scrollbarThumbHorizontal="@drawable/xxx_horizontal_thumb"
android:scrollbarStyle="outsideInset"
android:scrollbarSize="4dp"

复制代码

<attr name="scrollbars">
<flag name="none" value="0x00000000" />
<flag name="horizontal" value="0x00000100" />
<flag name="vertical" value="0x00000200" />
</attr>

复制代码

<attr name="scrollbarThumbHorizontal" format="reference" />
<attr name="scrollbarThumbVertical" format="reference" />
<attr name="scrollbarTrackHorizontal" format="reference" />
<attr name="scrollbarTrackVertical" format="reference" />

复制代码

<!-- Controls the scrollbar style and position. The scrollbars can be overlaid or
inset. When inset, they add to the padding of the view. And the
scrollbars can be drawn inside the padding area or on the edge of
the view. For example, if a view has a background drawable and you
want to draw the scrollbars inside the padding specified by the
drawable, you can use insideOverlay or insideInset. If you want them
to appear at the edge of the view, ignoring the padding, then you can
use outsideOverlay or outsideInset.-->
<attr name="scrollbarStyle">
<enum name="insideOverlay" value="0x0" />
<enum name="insideInset" value="0x01000000" />
<enum name="outsideOverlay" value="0x02000000" />
<enum name="outsideInset" value="0x03000000" />
</attr>

复制代码

/**
* 可编辑垂直滑动条的ScrollView
* scrollBarTopAndBottom: 滑动条上下留白距离
* scrollBarWidth: 滑动条的宽度
* scrollBarHeight: 滑动条的高度
* scrollBarPaddingRight: 滑动条距离右侧的距离
* scrollBarSrc: 滑动条图片资源，需要设置大小
* isScrollBarPlayHiddenAnimation: 是否播放隐藏动画
* hiddenAnimationUseTime: 隐藏动画播放时间（ms）50ms以上，建议为50ms倍数
* delayHideTime: 延迟隐藏时间
* maxHeight: layout_height为wrap_content时最大高度
* 以上均可不传入使用默认值
*/
@SuppressLint("CustomViewStyleable")
class EditScrollBarScrollView @JvmOverloads constructor(
context: Context,
attributeSet: AttributeSet? = null
) : ScrollView(context, attributeSet) {
private var saveDistance = 0//滑动标记
private var scrollBarTopAndBottom = resources.getDimension(R.dimen.dp_28)//滑动条上下留白距离
private var scrollBarHeight = resources.getDimension(R.dimen.dp_122)//滑动条的高度
private var scrollBarWidth = resources.getDimension(R.dimen.dp_4)//滑动条的宽度
private var scrollBarPaddingRight = resources.getDimension(R.dimen.dp_12)//滑动条距离右侧的距离
private var scrollBarPos = 0.0f//滑动条定位绘制的关键所在
private var mAllHeight = 0.0f//内部视图的高度
private var mHeight = 0.0f//ScrollView高度
private var mWidth = 0.0f//ScrollView宽度
private var yPro = 0.0f//滑动比例
private lateinit var scrollBarSrc: Bitmap//资源
private var isScrollBarPlayHiddenAnimation = true//是否播放隐藏动画
private var hiddenAnimationUseTime = 500f//隐藏动画播放时间（ms）50ms以上，建议为50ms倍数
private var delayHideTime = 1000L//延迟隐藏时间
private var mMaxHeight = 0.0f//最大高度
private var animationTimeInterval = 50L//时间间隔
private var startPlayAnimationTime = System.currentTimeMillis()//开始播放的时间戳
private var runTotalTime = 0//需执行次数
private var runTime = 1//执行次数记录
private var timer = Timer()//定时器
private lateinit var playTask: TimerTask //播放任务
private val mPaint: Paint = Paint()// 画笔
init {
isVerticalScrollBarEnabled = false//设置原有的滚动无效
if (attributeSet != null) {
val array: TypedArray =
context.obtainStyledAttributes(attributeSet, R.styleable.EditScrollBarScrollView)
//取得xml设置属性
scrollBarTopAndBottom =
array.getDimension(R.styleable.EditScrollBarScrollView_scrollBarTopAndBottom, 0F)
scrollBarHeight =
array.getDimension(R.styleable.EditScrollBarScrollView_scrollBarHeight, 0F)
scrollBarWidth =
array.getDimension(R.styleable.EditScrollBarScrollView_scrollBarWidth, 0F)
scrollBarPaddingRight =
array.getDimension(R.styleable.EditScrollBarScrollView_scrollBarPaddingRight, 0F)
isScrollBarPlayHiddenAnimation = array.getBoolean(
R.styleable.EditScrollBarScrollView_isScrollBarPlayHiddenAnimation,
true
)
var starFullId =
array.getResourceId(R.styleable.EditScrollBarScrollView_scrollBarSrc, 0)
hiddenAnimationUseTime =
array.getFloat(R.styleable.EditScrollBarScrollView_hiddenAnimationUseTime, 500f)
delayHideTime =
array.getFloat(R.styleable.EditScrollBarScrollView_delayHideTime, 1000f).toLong()
mMaxHeight = array.getDimension(R.styleable.EditScrollBarScrollView_maxHeight, 0f)
//传入默认值
if (scrollBarTopAndBottom == 0f) {
scrollBarTopAndBottom = resources.getDimension(R.dimen.dp_28)
}
if (scrollBarHeight == 0f) {
scrollBarHeight = resources.getDimension(R.dimen.dp_122)
}
if (scrollBarWidth == 0f) {
scrollBarWidth = resources.getDimension(R.dimen.dp_4)
}
if (scrollBarPaddingRight == 0f) {
scrollBarPaddingRight = resources.getDimension(R.dimen.dp_12)
}
if (starFullId == 0) {
LogUtil.d(TAG, "未设置滑动条图片资源，使用默认资源")
starFullId = R.drawable.bg_scrollbar
}
//设置背景
val drawable = getDrawable(context, starFullId)
scrollBarSrc = Bitmap.createBitmap(
drawable!!.intrinsicWidth,
drawable.intrinsicHeight,
Bitmap.Config.ARGB_8888
)
val mCanvas = Canvas(scrollBarSrc)
drawable.setBounds(0, 0, mCanvas.width, mCanvas.height)
drawable.draw(mCanvas)
//设置宽高
scrollBarSrc = resetBitmap(scrollBarSrc, scrollBarWidth, scrollBarHeight)
scrollBarPos = scrollBarTopAndBottom
playTask = PlayTask()
runTotalTime =
(hiddenAnimationUseTime / animationTimeInterval).toInt() + 2//多执行几次保证滑动条完全消失
if (isScrollBarPlayHiddenAnimation) {
mPaint.alpha = 0//第一次刷新时不显示滑动条
}
array.recycle()
}
}
override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec)
//测量ScrollView
mHeight = MeasureSpec.getSize(heightMeasureSpec).toFloat()
mWidth = MeasureSpec.getSize(widthMeasureSpec).toFloat()
if (childCount > 0) {
//测量子视图
mAllHeight = getChildAt(0).measuredHeight.toFloat()
//计算滑动比例
val rangeBar = mHeight - scrollBarHeight - scrollBarTopAndBottom * 2
val rangeScrollView = mAllHeight - mHeight + paddingTop + paddingBottom
yPro = rangeBar / rangeScrollView
}
if (mMaxHeight != 0f && mAllHeight > mMaxHeight) {
LogUtil.d(TAG, "maxHeight = $mMaxHeight")
val height = mMaxHeight.toInt()
val width = mWidth.toInt()
//设置最大高度
setMeasuredDimension(width, height)
//重新计算滑动比例
val rangeBar = height - scrollBarHeight - scrollBarTopAndBottom * 2
val rangeScrollView = mAllHeight - height + paddingTop + paddingBottom
yPro = rangeBar / rangeScrollView
}
LogUtil.d(
TAG,
"测量 mWidth = $mWidth ,mHeight = $mHeight ,mAllHeight = $mAllHeight ,yPro = $yPro ,scrollBarPos = $scrollBarPos ,paddingTop = $paddingTop ,paddingBottom = $paddingBottom"
)
}override fun onDraw(canvas: Canvas?) {
super.onDraw(canvas)
canvas?.drawBitmap(
scrollBarSrc,
mWidth - scrollBarPaddingRight - scrollBarWidth,
scrollBarPos,
mPaint
)
}
override fun onScrollChanged(l: Int, t: Int, oldl: Int, oldt: Int) {
super.onScrollChanged(l, t, oldl, oldt)
if (isScrollBarPlayHiddenAnimation) {
resetStatus()
}
//当快速抛动，手指离开屏幕时，就会出现相邻的两次相同位置重复出现的情况，这种情况下不要去绘制滑动条
if (saveDistance == t) {
return
} else
saveDistance = t
//滑动条的上边缘y坐标应该为ScrollView滑动的距离乘以滑动条的滑动比例，加上ScrollView滑动的距离（因为滑动条也会跟着滑动，所以应该抵消滑动条被带着滑动的距离）
scrollBarPos += ((t - oldt) + (t - oldt) * yPro)
//重新绘制
invalidate()
}
/**
* 如果用户设置了图片的宽高，就重新设置图片
*/
private fun resetBitmap(bitMap: Bitmap, width: Float, height: Float): Bitmap {
// 得到新的图片
return Bitmap.createScaledBitmap(bitMap, width.toInt(), height.toInt(), true)
}
/**
* 重绘ScrollBar
*/
private fun reDrawScrollBar() {
if (runTime == 1) {
startPlayAnimationTime = System.currentTimeMillis()
}
if (runTime >= runTotalTime) {
clearTimer()
return
}
val pro =
(hiddenAnimationUseTime - (System.currentTimeMillis() - startPlayAnimationTime)) / hiddenAnimationUseTime
LogUtil.d(TAG, "差值${System.currentTimeMillis() - startPlayAnimationTime}")
if (pro in 0f..1f) {
mPaint.alpha = (255 * pro).toInt()
} else if (pro < 0) {
mPaint.alpha = 0
} else {
mPaint.alpha = 255
}
LogUtil.d(TAG, "执行次数$runTime,比例$pro,透明度${mPaint.alpha}")
runTime++
postInvalidate()
}
private fun resetStatus() {
mPaint.alpha = 255
runTime = 1
clearTimer()
setTimer()
timer.scheduleAtFixedRate(playTask, delayHideTime, animationTimeInterval)
}
private fun clearTimer() {
playTask.cancel()
timer.cancel()
timer.purge()
}
private fun setTimer() {
timer = Timer()
playTask = PlayTask()
}
inner class PlayTask : TimerTask() {
override fun run() {
reDrawScrollBar()
}
}
companion object {
private val TAG = EditScrollBarScrollView::class.java.name
}
}

复制代码

<declare-styleable name="EditScrollBarScrollView">
<attr name="scrollBarTopAndBottom" format="dimension" />
<attr name="scrollBarWidth" format="dimension" />
<attr name="scrollBarHeight" format="dimension" />
<attr name="scrollBarPaddingRight" format="dimension" />
<attr name="scrollBarSrc" format="reference" />
<attr name="isScrollBarPlayHiddenAnimation" format="boolean" />
<attr name="hiddenAnimationUseTime" format="float" />
<attr name="delayHideTime" format="float" />
<attr name="maxHeight" format="dimension" />
</declare-styleable>

复制代码

<com.konka.yilife.views.EditScrollBarScrollView
android:layout_width="xdp"
android:layout_height="xdp"
android:paddingTop="@dimen/dp_4"
android:paddingBottom="@dimen/dp_4">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content">
</androidx.constraintlayout.widget.ConstraintLayout>
</com.konka.yilife.views.EditScrollBarScrollView>

复制代码

scrollBarTopAndBottom =
array.getDimension(R.styleable.EditScrollBarScrollView_scrollBarTopAndBottom, 0F)

复制代码

override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec)
//测量ScrollView
mHeight = MeasureSpec.getSize(heightMeasureSpec).toFloat()
mWidth = MeasureSpec.getSize(widthMeasureSpec).toFloat()
if (childCount > 0) {
//测量子视图
mAllHeight = getChildAt(0).measuredHeight.toFloat()
//计算滑动比例
val rangeBar = mHeight - scrollBarHeight - scrollBarTopAndBottom * 2
val rangeScrollView = mAllHeight - mHeight
yPro = rangeBar / rangeScrollView
}
LogUtil.d(
TAG,
"测量 mWidth = $mWidth ,mHeight = $mHeight ,yPro = $yPro ,scrollBarPos = $scrollBarPos"
)
}

复制代码

val rangeBar = mHeight - scrollBarHeight - scrollBarTopAndBottom * 2
//-(mHeight - (paddingTop + paddingBottom))
val rangeScrollView = mAllHeight - mHeight + paddingTop + paddingBottom
yPro = rangeBar / rangeScrollView

复制代码

/**
* Measure specification mode: The parent has not imposed any constraint
* on the child. It can be whatever size it wants.
*/
public static final int UNSPECIFIED = 0 << MODE_SHIFT;
/**
* Measure specification mode: The parent has determined an exact size
* for the child. The child is going to be given those bounds regardless
* of how big it wants to be.
*/
public static final int EXACTLY = 1 << MODE_SHIFT;
/**
* Measure specification mode: The child can be as large as it wants up
* to the specified size.
*/
public static final int AT_MOST = 2 << MODE_SHIFT;

复制代码

if (mMaxHeight != 0f && mAllHeight > mMaxHeight) {
LogUtil.d(TAG, "maxHeight = $mMaxHeight")
val height = mMaxHeight.toInt()
val width = mWidth.toInt()
//设置最大高度
setMeasuredDimension(width, height)
//重新计算滑动比例
val rangeBar = height - scrollBarHeight - scrollBarTopAndBottom * 2
val rangeScrollView = mAllHeight - height + paddingTop + paddingBottom
yPro = rangeBar / rangeScrollView
}

复制代码

android.view.View protected void onScrollChanged(int l,
int t,
int oldl,
int oldt)
This is called in response to an internal scroll in this view (i.e., the view scrolled its own contents).
This is typically as a result of scrollBy(int, int) or scrollTo(int, int) having been called.
Params:
l – Current horizontal scroll origin.
t – Current vertical scroll origin.
oldl – Previous horizontal scroll origin.
oldt – Previous vertical scroll origin.

复制代码

override fun onScrollChanged(l: Int, t: Int, oldl: Int, oldt: Int) {
super.onScrollChanged(l, t, oldl, oldt)
if (isScrollBarPlayHiddenAnimation) {
//是否播放隐藏动画，这里可以先不做考虑
resetStatus()
}
//当快速抛动，手指离开屏幕时，就会出现相邻的两次相同位置重复出现的情况，这种情况下不要去绘制滑动条
if (saveDistance == t) {
return
} else
saveDistance = t
//滑动条的上边缘y坐标应该为ScrollView滑动的距离乘以滑动条的滑动比例，加上ScrollView滑动的距离（因为滑动条也会跟着滑动，所以应该抵消滑动条被带着滑动的距离）
scrollBarPos += ((t - oldt) + (t - oldt) * yPro)
//重新绘制
invalidate()
}

复制代码

override fun onDraw(canvas: Canvas?) {
super.onDraw(canvas)
canvas?.drawBitmap(
scrollBarSrc,
mWidth - scrollBarPaddingRight - scrollBarWidth,
scrollBarPos,
mPaint
)
}

复制代码

/**
* 重绘ScrollBar
*/
private fun reDrawScrollBar() {
if (runTime == 1) {
startPlayAnimationTime = System.currentTimeMillis()
}
if (runTime >= runTotalTime) {
clearTimer()
return
}
val pro =
(hiddenAnimationUseTime - (System.currentTimeMillis() - startPlayAnimationTime)) / hiddenAnimationUseTime
LogUtil.d(TAG, "差值${System.currentTimeMillis() - startPlayAnimationTime}")
if (pro in 0f..1f) {
mPaint.alpha = (255 * pro).toInt()
} else if (pro < 0) {
mPaint.alpha = 0
} else {
mPaint.alpha = 255
}
LogUtil.d(TAG, "执行次数$runTime,比例$pro,透明度${mPaint.alpha}")
runTime++
postInvalidate()
}

复制代码

runTotalTime =
(hiddenAnimationUseTime / animationTimeInterval).toInt() + 2//多执行几次保证滑动条完全消失

复制代码

private fun resetStatus() {
mPaint.alpha = 255
runTime = 1
clearTimer()
setTimer()
timer.scheduleAtFixedRate(playTask, delayHideTime, animationTimeInterval)
}
private fun clearTimer() {
playTask.cancel()
timer.cancel()
timer.purge()
}
private fun setTimer() {
timer = Timer()
playTask = PlayTask()
}
inner class PlayTask : TimerTask() {
override fun run() {
reDrawScrollBar()
}
}

复制代码