Update recommendations item in explore section
parent
018c84b6af
commit
7f5ff1ab14
GPG Key ID:
676DEE768C17A9D7
@ -0,0 +1,143 @@
|
||||
package org.koitharu.kotatsu.core.ui.widgets
|
||||
|
||||
import android.content.Context
|
||||
import android.graphics.Canvas
|
||||
import android.graphics.Color
|
||||
import android.graphics.Paint
|
||||
import android.util.AttributeSet
|
||||
import android.view.View
|
||||
import androidx.core.content.withStyledAttributes
|
||||
import androidx.recyclerview.widget.RecyclerView
|
||||
import androidx.recyclerview.widget.RecyclerView.AdapterDataObserver
|
||||
import androidx.viewpager2.widget.ViewPager2
|
||||
import org.koitharu.kotatsu.R
|
||||
import org.koitharu.kotatsu.core.util.ext.getThemeColor
|
||||
import org.koitharu.kotatsu.core.util.ext.measureDimension
|
||||
import org.koitharu.kotatsu.core.util.ext.resolveDp
|
||||
import org.koitharu.kotatsu.parsers.util.toIntUp
|
||||
|
||||
class DotsIndicator @JvmOverloads constructor(
|
||||
context: Context,
|
||||
attrs: AttributeSet? = null,
|
||||
defStyleAttr: Int = 0,
|
||||
) : View(context, attrs, defStyleAttr) {
|
||||
|
||||
private val paint = Paint(Paint.ANTI_ALIAS_FLAG)
|
||||
private var indicatorSize = context.resources.resolveDp(12f)
|
||||
private var dotSpacing = 0f
|
||||
private var positionOffset: Float = 0f
|
||||
var max: Int = 6
|
||||
set(value) {
|
||||
if (field != value) {
|
||||
field = value
|
||||
requestLayout()
|
||||
invalidate()
|
||||
}
|
||||
}
|
||||
var position: Int = 2
|
||||
set(value) {
|
||||
if (field != value) {
|
||||
field = value
|
||||
invalidate()
|
||||
}
|
||||
}
|
||||
|
||||
init {
|
||||
paint.strokeWidth = context.resources.resolveDp(1.5f)
|
||||
context.withStyledAttributes(attrs, R.styleable.DotsIndicator, defStyleAttr) {
|
||||
paint.color = getColor(
|
||||
R.styleable.DotsIndicator_dotColor,
|
||||
context.getThemeColor(com.google.android.material.R.attr.colorPrimary, Color.DKGRAY),
|
||||
)
|
||||
indicatorSize = getDimension(R.styleable.DotsIndicator_dotSize, indicatorSize)
|
||||
dotSpacing = getDimension(R.styleable.DotsIndicator_dotSpacing, dotSpacing)
|
||||
}
|
||||
}
|
||||
|
||||
override fun onDraw(canvas: Canvas) {
|
||||
super.onDraw(canvas)
|
||||
val dotSize = getDotSize()
|
||||
val y = paddingTop + (height - paddingTop - paddingBottom) / 2f
|
||||
var x = paddingLeft + dotSize / 2f
|
||||
val radius = dotSize / 2f - paint.strokeWidth
|
||||
val spacing = (width - paddingLeft - paddingRight) / max.toFloat() - dotSize
|
||||
x += spacing / 2f
|
||||
paint.style = Paint.Style.STROKE
|
||||
for (i in 0 until max) {
|
||||
canvas.drawCircle(x, y, radius, paint)
|
||||
if (i == position) {
|
||||
paint.style = Paint.Style.FILL
|
||||
paint.alpha = (255 * (1f - positionOffset)).toInt()
|
||||
canvas.drawCircle(x, y, radius, paint)
|
||||
paint.alpha = 255
|
||||
paint.style = Paint.Style.STROKE
|
||||
}
|
||||
if (i == position + 1 && positionOffset > 0f) {
|
||||
paint.style = Paint.Style.FILL
|
||||
paint.alpha = (255 * positionOffset).toInt()
|
||||
canvas.drawCircle(x, y, radius, paint)
|
||||
paint.alpha = 255
|
||||
paint.style = Paint.Style.STROKE
|
||||
}
|
||||
x += spacing + dotSize
|
||||
}
|
||||
}
|
||||
|
||||
override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
|
||||
val dotSize = getDotSize()
|
||||
val desiredHeight = (dotSize + paddingTop + paddingBottom).toIntUp()
|
||||
val desiredWidth = ((dotSize + dotSpacing) * max).toIntUp() + paddingLeft + paddingRight
|
||||
setMeasuredDimension(
|
||||
measureDimension(desiredWidth, widthMeasureSpec),
|
||||
measureDimension(desiredHeight, heightMeasureSpec),
|
||||
)
|
||||
}
|
||||
|
||||
fun bindToViewPager(pager: ViewPager2) {
|
||||
pager.registerOnPageChangeCallback(ViewPagerCallback())
|
||||
pager.adapter?.let {
|
||||
it.registerAdapterDataObserver(AdapterObserver(it))
|
||||
}
|
||||
}
|
||||
|
||||
private fun getDotSize() = if (indicatorSize <= 0) {
|
||||
(height - paddingTop - paddingBottom).toFloat()
|
||||
} else {
|
||||
indicatorSize
|
||||
}
|
||||
|
||||
private inner class ViewPagerCallback : ViewPager2.OnPageChangeCallback() {
|
||||
|
||||
override fun onPageScrolled(position: Int, positionOffset: Float, positionOffsetPixels: Int) {
|
||||
super.onPageScrolled(position, positionOffset, positionOffsetPixels)
|
||||
this@DotsIndicator.position = position
|
||||
this@DotsIndicator.positionOffset = positionOffset
|
||||
invalidate()
|
||||
}
|
||||
|
||||
override fun onPageSelected(position: Int) {
|
||||
super.onPageSelected(position)
|
||||
this@DotsIndicator.position = position
|
||||
}
|
||||
}
|
||||
|
||||
private inner class AdapterObserver(
|
||||
private val adapter: RecyclerView.Adapter<*>,
|
||||
) : AdapterDataObserver() {
|
||||
|
||||
override fun onChanged() {
|
||||
super.onChanged()
|
||||
max = adapter.itemCount
|
||||
}
|
||||
|
||||
override fun onItemRangeInserted(positionStart: Int, itemCount: Int) {
|
||||
super.onItemRangeInserted(positionStart, itemCount)
|
||||
max = adapter.itemCount
|
||||
}
|
||||
|
||||
override fun onItemRangeRemoved(positionStart: Int, itemCount: Int) {
|
||||
super.onItemRangeRemoved(positionStart, itemCount)
|
||||
max = adapter.itemCount
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,70 +1,24 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<androidx.constraintlayout.widget.ConstraintLayout
|
||||
<LinearLayout
|
||||
xmlns:android="http://schemas.android.com/apk/res/android"
|
||||
xmlns:app="http://schemas.android.com/apk/res-auto"
|
||||
xmlns:tools="http://schemas.android.com/tools"
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="wrap_content"
|
||||
android:background="@drawable/list_selector"
|
||||
android:clipChildren="false">
|
||||
android:orientation="vertical">
|
||||
|
||||
<com.google.android.material.imageview.ShapeableImageView
|
||||
android:id="@+id/imageView_cover"
|
||||
android:layout_width="40dp"
|
||||
android:layout_height="40dp"
|
||||
android:layout_marginStart="8dp"
|
||||
android:layout_marginTop="16dp"
|
||||
android:scaleType="centerCrop"
|
||||
app:layout_constraintStart_toStartOf="parent"
|
||||
app:layout_constraintTop_toTopOf="parent"
|
||||
app:shapeAppearanceOverlay="@style/ShapeAppearanceOverlay.Kotatsu.Cover.Small"
|
||||
tools:src="@tools:sample/backgrounds/scenic" />
|
||||
<androidx.viewpager2.widget.ViewPager2
|
||||
android:id="@+id/pager"
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="@dimen/recommendation_item_height" />
|
||||
|
||||
<TextView
|
||||
android:id="@+id/textView_title"
|
||||
android:layout_width="0dp"
|
||||
<org.koitharu.kotatsu.core.ui.widgets.DotsIndicator
|
||||
android:id="@+id/dots"
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
android:layout_marginStart="16dp"
|
||||
android:layout_marginEnd="8dp"
|
||||
android:ellipsize="end"
|
||||
android:maxLines="1"
|
||||
android:textAppearance="?attr/textAppearanceBodyLarge"
|
||||
app:layout_constraintBottom_toTopOf="@+id/textView_subtitle"
|
||||
app:layout_constraintEnd_toEndOf="parent"
|
||||
app:layout_constraintStart_toEndOf="@+id/imageView_cover"
|
||||
app:layout_constraintTop_toTopOf="@+id/imageView_cover"
|
||||
tools:text="@tools:sample/lorem" />
|
||||
android:layout_gravity="center_horizontal"
|
||||
android:layout_marginVertical="@dimen/margin_small"
|
||||
app:dotSize="8dp"
|
||||
app:dotSpacing="6dp" />
|
||||
|
||||
<TextView
|
||||
android:id="@+id/textView_subtitle"
|
||||
android:layout_width="0dp"
|
||||
android:layout_height="wrap_content"
|
||||
android:layout_marginStart="16dp"
|
||||
android:layout_marginEnd="8dp"
|
||||
android:ellipsize="end"
|
||||
android:maxLines="1"
|
||||
android:textAppearance="?attr/textAppearanceBodyMedium"
|
||||
app:layout_constraintBottom_toBottomOf="@+id/imageView_cover"
|
||||
app:layout_constraintEnd_toEndOf="parent"
|
||||
app:layout_constraintStart_toEndOf="@+id/imageView_cover"
|
||||
app:layout_constraintTop_toBottomOf="@+id/textView_title"
|
||||
tools:text="@tools:sample/lorem/random" />
|
||||
|
||||
<Button
|
||||
android:id="@+id/button_more"
|
||||
style="@style/Widget.Kotatsu.ExploreButton"
|
||||
android:layout_width="0dp"
|
||||
android:layout_height="wrap_content"
|
||||
android:layout_marginStart="8dp"
|
||||
android:layout_marginTop="16dp"
|
||||
android:layout_marginEnd="8dp"
|
||||
android:layout_marginBottom="8dp"
|
||||
android:gravity="center"
|
||||
android:text="@string/more"
|
||||
app:layout_constraintBottom_toBottomOf="parent"
|
||||
app:layout_constraintEnd_toEndOf="parent"
|
||||
app:layout_constraintStart_toStartOf="parent"
|
||||
app:layout_constraintTop_toBottomOf="@id/textView_subtitle" />
|
||||
|
||||
</androidx.constraintlayout.widget.ConstraintLayout>
|
||||
</LinearLayout>
|
||||
|
||||
|
||||
Loading…
Reference in New Issue