From 092bf21368ea824e9dc22467166960219165dc00 Mon Sep 17 00:00:00 2001 From: zuoxiao <470321431@qq.com> Date: 星期五, 21 二月 2025 17:32:59 +0800 Subject: [PATCH] 1.我的界面每个item添加点击效果。 2.更新本地数据添加二次确认。 --- expand_button/src/main/java/com/example/expand_button/ExpandButton.kt | 449 ++++++++++++++++++++++++++++++++++++++++++++++++------- 1 files changed, 387 insertions(+), 62 deletions(-) diff --git a/expand_button/src/main/java/com/example/expand_button/ExpandButton.kt b/expand_button/src/main/java/com/example/expand_button/ExpandButton.kt index c024329..007713c 100644 --- a/expand_button/src/main/java/com/example/expand_button/ExpandButton.kt +++ b/expand_button/src/main/java/com/example/expand_button/ExpandButton.kt @@ -25,10 +25,23 @@ defStyleAttr: Int = 0 ) : AppCompatTextView(context, attrs, defStyleAttr) { + // 淇敼灞炴�� + private data class LegendItem( + val selectedIcon: Drawable, + val unselectedIcon: Drawable, + val description: String, + var isSelected: Boolean = true + ) + + private var legendItems: List<LegendItem> = listOf() + private var itemSpacing: Float = context.resources.displayMetrics.density * 16 // 鍥句緥椤逛箣闂寸殑姘村钩闂磋窛 + private var iconSize: Int = (24 * context.resources.displayMetrics.density).toInt() // 鍥炬爣澶у皬 + private var iconTextSpacing: Float = context.resources.displayMetrics.density * 4 // 鍥炬爣鍜屾枃瀛椾箣闂寸殑鍨傜洿闂磋窛 + // 灞曞紑鏃舵樉绀虹殑瀹屾暣鏂囧瓧 - private var expandedText: String = "" + private var expandedText: String = "鏍囨敞鐐�: 褰撳墠浣嶇疆\n鍖哄煙: 閰嶉�佽寖鍥�" // 鏀惰捣鏃舵樉绀虹殑鍗曚釜瀛楃 - private var collapsedText: String = "" + private var collapsedText: String = "鍥句緥" // 褰撳墠鏄惁澶勪簬灞曞紑鐘舵�� private var isExpanded: Boolean = false // 鍔ㄧ敾鎸佺画鏃堕棿锛岄粯璁�300姣 @@ -50,7 +63,41 @@ // 涓夎褰㈠浘鏍囦笌鏂囧瓧鐨勯棿璺濓紝榛樿涓�8dp private var triangleMargin: Float = 3 * context.resources.displayMetrics.density + // 娣诲姞鏂板睘鎬� + private var textLines: List<String> = listOf() + + // 娣诲姞鐐瑰嚮鍥炶皟鎺ュ彛 + interface OnLegendItemClickListener { + fun onLegendItemClick(position: Int, isSelected: Boolean) + } + + private var legendItemClickListener: OnLegendItemClickListener? = null + + // 淇敼鍥句緥椤圭殑鎬婚珮搴﹁绠� + private val legendItemHeight: Int + get() = iconSize + iconTextSpacing.toInt() + paint.textSize.toInt() + paint.descent().toInt() - paint.ascent().toInt() + + // 娣诲姞灞曞紑鍚庣殑瀛椾綋澶у皬灞炴�� + private var expandedTextSize: Float = textSize + + // 娣诲姞涓�涓彉閲忎繚瀛橀粯璁ゅ瓧浣撳ぇ灏� + private var defaultTextSize: Float = 0f + + // 娣诲姞涓�涓睘鎬у畾涔変笁瑙掑舰鍥炬爣鐨勭偣鍑诲尯鍩熸墿灞曡寖鍥� + private val triangleClickPadding: Float = 15f * context.resources.displayMetrics.density // 20dp + + // 娣诲姞涓�涓爣璇嗙锛岀敤浜庡尯鍒嗕笉鍚岀殑 ExpandButton 瀹炰緥 + private var buttonId: String = "default" + + companion object { + private const val PREFS_NAME = "expand_button_prefs" + private const val KEY_LEGEND_STATES = "legend_states" + } + init { + // 淇濆瓨 XML 涓缃殑榛樿瀛椾綋澶у皬 + defaultTextSize = textSize + // 璇诲彇鑷畾涔夊睘鎬� context.theme.obtainStyledAttributes( attrs, @@ -60,10 +107,14 @@ ).apply { try { customLetterSpacing = getDimension(R.styleable.ExpandButton_letterSpacing, customLetterSpacing) - expandedText = getString(R.styleable.ExpandButton_expandedText) ?: "" - collapsedText = getString(R.styleable.ExpandButton_collapsedText) ?: "" + expandedText = getString(R.styleable.ExpandButton_expandedText) ?: "鏍囨敞鐐�: 褰撳墠浣嶇疆\n鍖哄煙: 閰嶉�佽寖鍥�" + collapsedText = getString(R.styleable.ExpandButton_collapsedText) ?: "鍥句緥" animationDuration = getInteger(R.styleable.ExpandButton_animDuration, 300).toLong() triangleMargin = getDimension(R.styleable.ExpandButton_triangleMargin, triangleMargin) + itemSpacing = getDimension(R.styleable.ExpandButton_itemSpacing, itemSpacing) + iconSize = getDimension(R.styleable.ExpandButton_iconSize, iconSize.toFloat()).toInt() + iconTextSpacing = getDimension(R.styleable.ExpandButton_iconTextSpacing, iconTextSpacing) + expandedTextSize = getDimension(R.styleable.ExpandButton_expandedTextSize, defaultTextSize) } finally { recycle() } @@ -80,26 +131,11 @@ } } - // 璁剧疆鏂囨湰鍙偣鍑伙紝浠呭湪鏀惰捣鐘舵�佹椂鍝嶅簲鐐瑰嚮灞曞紑 - setOnClickListener { - if (!isExpanded) { - toggleExpand() - } - } - - // 娣诲姞瑙︽懜浜嬩欢澶勭悊 - setOnTouchListener { _, event -> - when (event.action) { - MotionEvent.ACTION_DOWN -> { - // 妫�鏌ョ偣鍑绘槸鍚﹀湪涓夎褰㈠浘鏍囧尯鍩熷唴 - if (isClickOnTriangle(event.x)) { - toggleExpand() - return@setOnTouchListener true - } - } - } - false - } + // 淇敼瑙︽懜浜嬩欢澶勭悊 + setOnTouchListener(null) // 绉婚櫎鍘熸湁鐨勮Е鎽哥洃鍚櫒 + + // 绉婚櫎鍘熸湁鐨勭偣鍑荤洃鍚櫒 + setOnClickListener(null) // 璁剧疆宸﹁竟璺濓紝涓哄浘鏍囩暀鍑虹┖闂� compoundDrawablePadding = triangleMargin.toInt() @@ -111,23 +147,107 @@ ) // 璁剧疆鍗曡鏄剧ず锛岄槻姝㈤珮搴﹀彉鍖� - maxLines = 1 - isSingleLine = true + maxLines = if (isExpanded) Int.MAX_VALUE else 1 + isSingleLine = !isExpanded // 璁剧疆鏂囧瓧鍨傜洿灞呬腑 gravity = Gravity.CENTER_VERTICAL + + // 璁剧疆榛樿鐨勫唴杈硅窛 + val defaultPadding = (8 * context.resources.displayMetrics.density).toInt() + setPadding( + (16 * context.resources.displayMetrics.density + triangleMargin).toInt(), // 宸﹁竟璺濆鍔狅紝涓哄浘鏍囩暀绌洪棿 + defaultPadding, // 涓婅竟璺� + defaultPadding, // 鍙宠竟璺� + defaultPadding // 涓嬭竟璺� + ) + } + + override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) { + super.onMeasure(widthMeasureSpec, heightMeasureSpec) + + if (isExpanded) { + // 灞曞紑鐘舵�佷笅鐨勯珮搴﹁绠� + val desiredHeight = legendItemHeight + paddingTop + paddingBottom + setMeasuredDimension(measuredWidth, desiredHeight) + } } override fun onDraw(canvas: Canvas) { - // 淇濆瓨鐢诲竷鐘舵�� + // 缁樺埗灞曞紑/鏀惰捣鍥炬爣 + drawTriangle(canvas) + + if (!isExpanded) { + // 鏀惰捣鐘舵�佷娇鐢ㄩ粯璁ゅ瓧浣撳ぇ灏� + paint.textSize = defaultTextSize + super.onDraw(canvas) + return + } + + // 灞曞紑鐘舵�佷娇鐢ㄥ睍寮�鍚庣殑瀛椾綋澶у皬 + paint.textSize = expandedTextSize + + // 璁$畻鎵�鏈夊浘渚嬮」涓渶瀹界殑瀹藉害 + val maxWidth = legendItems.maxOf { item -> + maxOf(paint.measureText(item.description), iconSize.toFloat()) + } + + // 璁$畻鎬诲搴︼紙娣诲姞棣栧熬鐨勮竟璺濓級 + val totalWidth = legendItems.size * maxWidth + + (legendItems.size + 1) * itemSpacing // 淇敼杩欓噷锛屾坊鍔犱竴涓澶栫殑闂磋窛 + + // 璁$畻璧峰x鍧愭爣锛屼娇鏁翠綋姘村钩灞呬腑 + var x = (width - totalWidth) / 2 + itemSpacing // 娣诲姞璧峰杈硅窛 + + // 璁$畻鍨傜洿灞呬腑鐨剏鍧愭爣锛岃�冭檻涓婁笅杈硅窛 + val centerY = height / 2f + + legendItems.forEachIndexed { index, item -> + // 璁$畻褰撳墠鍥句緥椤圭殑璧峰浣嶇疆锛堢Щ闄ndex > 0鐨勫垽鏂級 + val itemStartX = x + + // 璁$畻鍥炬爣鐨勬按骞充綅缃紙灞呬腑浜庡浘渚嬮」锛� + val iconLeft = itemStartX + (maxWidth - iconSize) / 2 + + // 璁$畻鏂囧瓧鐨勪綅缃� + val textWidth = paint.measureText(item.description) + val textX = itemStartX + (maxWidth - textWidth) / 2 + + // 缁樺埗鍥炬爣锛屾牴鎹�変腑鐘舵�侀�夋嫨涓嶅悓鐨勫浘鏍� + val iconTop = paddingTop + (height - legendItemHeight) / 2 + val currentIcon = if (item.isSelected) item.selectedIcon else item.unselectedIcon + currentIcon.setBounds( + iconLeft.toInt(), + iconTop.toInt(), + (iconLeft + iconSize).toInt(), + (iconTop + iconSize).toInt() + ) + currentIcon.draw(canvas) + + // 缁樺埗鏂囧瓧锛屾牴鎹�変腑鐘舵�佷娇鐢ㄤ笉鍚岀殑棰滆壊 + paint.color = if (item.isSelected) + currentTextColor + else + 0xFF999999.toInt() // 鐏拌壊 + val textY = iconTop + iconSize + iconTextSpacing - paint.ascent() + canvas.drawText(item.description, textX, textY, paint) + + // 鏇存柊涓嬩竴涓浘渚嬮」鐨勮捣濮嬩綅缃� + x = itemStartX + maxWidth + itemSpacing + } + + // 鎭㈠鐢荤瑪棰滆壊 + paint.color = currentTextColor + } + + // 灏嗗師鏉ョ殑onDraw涓殑涓夎褰㈢粯鍒堕�昏緫鎻愬彇鍑烘潵 + private fun drawTriangle(canvas: Canvas) { canvas.save() - // 璁$畻鍥炬爣浣嶇疆 val iconSize = triangleDrawable.intrinsicWidth val iconLeft = paddingLeft - iconSize - compoundDrawablePadding val iconTop = (height - iconSize) / 2 - // 璁剧疆鍥炬爣杈圭晫 triangleDrawable.setBounds( iconLeft, iconTop, @@ -135,20 +255,15 @@ iconTop + iconSize ) - // 鏃嬭浆鐢诲竷 canvas.rotate( triangleRotation, (iconLeft + iconSize / 2).toFloat(), (iconTop + iconSize / 2).toFloat() ) - // 缁樺埗鍥炬爣 triangleDrawable.draw(canvas) - // 鎭㈠鐢诲竷鐘舵�� canvas.restore() - - super.onDraw(canvas) } /** @@ -193,13 +308,18 @@ /** * 鍒囨崲灞曞紑/鏀惰捣鐘舵�� - * 浣跨敤ValueAnimator瀹炵幇瀹藉害鍔ㄧ敾鍜屽浘鏍囨棆杞� */ private fun toggleExpand() { isExpanded = !isExpanded // 璁$畻鏀惰捣鍜屽睍寮�鐘舵�佺殑瀹藉害 - val collapsedWidth = paint.measureText(collapsedText).toInt() + paddingLeft + paddingRight + val collapsedWidth = run { + paint.textSize = defaultTextSize + val width = paint.measureText(collapsedText).toInt() + paddingLeft + paddingRight + paint.textSize = if (isExpanded) expandedTextSize else defaultTextSize + width + } + val expandedWidth = calculateExpandedWidth() // 鍒涘缓瀹藉害鍔ㄧ敾 @@ -225,31 +345,46 @@ duration = animationDuration addUpdateListener { animator -> triangleRotation = animator.animatedValue as Float - invalidate() // 閲嶇粯浠ユ洿鏂板浘鏍囨棆杞� + invalidate() } start() } - // 鏇存柊鏂囨湰 + // 鏇存柊鏂囨湰鍜屽瓧浣撳ぇ灏� if (isExpanded) { - setExpandedClickableText() + paint.textSize = expandedTextSize } else { text = collapsedText + paint.textSize = defaultTextSize + setTextSize(android.util.TypedValue.COMPLEX_UNIT_PX, defaultTextSize) } + + invalidate() } /** * 璁$畻灞曞紑鍚庣殑鎬诲搴� */ private fun calculateExpandedWidth(): Int { - val spaceWidth = paint.measureText(" ") * (customLetterSpacing / 10) - // 璁$畻鎵�鏈夊瓧绗︾殑鎬诲搴� - val textWidth = expandedText.fold(0f) { acc, char -> - acc + paint.measureText(char.toString()) + // 涓存椂淇濆瓨褰撳墠瀛椾綋澶у皬 + val currentTextSize = paint.textSize + // 璁剧疆涓哄睍寮�鐘舵�佺殑瀛椾綋澶у皬 + paint.textSize = expandedTextSize + + try { + // 璁$畻鎵�鏈夊浘渚嬮」涓渶瀹界殑瀹藉害 + val maxWidth = legendItems.maxOf { item -> + maxOf(paint.measureText(item.description), iconSize.toFloat()) + } + + // 璁$畻鎬诲搴� = 鎵�鏈夊浘渚嬮」鐨勫搴� + 鎵�鏈夐棿璺濓紙鍖呮嫭棣栧熬锛� + 宸﹀彸鍐呰竟璺� + return (legendItems.size * maxWidth + + (legendItems.size + 1) * itemSpacing + + paddingLeft + paddingRight).toInt() + } finally { + // 鎭㈠鍘熸潵鐨勫瓧浣撳ぇ灏� + paint.textSize = currentTextSize } - // 璁$畻闂磋窛鐨勬�诲搴︼紙瀛楃鏁伴噺鍑�1涓棿璺濓級 - val spacesWidth = spaceWidth * (expandedText.length - 1) - return (textWidth + spacesWidth).toInt() + paddingLeft + paddingRight } /** @@ -257,39 +392,76 @@ */ private fun setExpandedClickableText() { val builder = SpannableStringBuilder() - expandedText.forEachIndexed { index, char -> - // 娣诲姞瀛楃 - builder.append(char) + + // 璁$畻鎵�鏈夊浘渚嬮」涓渶瀹界殑瀹藉害 + val maxWidth = legendItems.maxOf { item -> + maxOf(paint.measureText(item.description), iconSize.toFloat()) + } + + // 璁$畻鎬诲搴� + val totalWidth = legendItems.size * maxWidth + + (legendItems.size - 1) * itemSpacing + + // 璁$畻鏁翠綋姘村钩灞呬腑闇�瑕佺殑璧峰绌烘牸 + val startPadding = ((width - totalWidth) / 2 / paint.measureText(" ")).toInt() + if (startPadding > 0) { + builder.append(" ".repeat(startPadding)) + } + + // 娣诲姞鍨傜洿绌洪棿锛屼负鍥炬爣棰勭暀浣嶇疆 + val verticalSpaces = ((iconSize + iconTextSpacing) / paint.textSize).toInt() + builder.append("\n".repeat(verticalSpaces)) + + legendItems.forEachIndexed { index, item -> + if (index > 0) { + // 鍦ㄥ浘渚嬮」涔嬮棿娣诲姞姘村钩闂磋窛 + builder.append(" ".repeat((itemSpacing / paint.measureText(" ")).toInt())) + } - // 涓哄瓧绗﹁缃偣鍑讳簨浠� + // 璁$畻姘村钩灞呬腑鎵�闇�鐨勭┖鏍兼暟 + val textWidth = paint.measureText(item.description) + val paddingSpaces = ((maxWidth - textWidth) / 2 / paint.measureText(" ")).toInt() + + // 娣诲姞宸︿晶绌烘牸瀹炵幇灞呬腑 + if (paddingSpaces > 0) { + builder.append(" ".repeat(paddingSpaces)) + } + + // 娣诲姞鎻忚堪鏂囨湰 + val startPosition = builder.length + builder.append(item.description) + + // 娣诲姞鍙充晶绌烘牸浠ョ‘淇濆搴︿竴鑷� + val remainingSpaces = ((maxWidth - textWidth) / paint.measureText(" ")).toInt() - paddingSpaces + if (remainingSpaces > 0) { + builder.append(" ".repeat(remainingSpaces)) + } + + // 涓烘枃瀛楄缃偣鍑讳簨浠� val clickableSpan = object : ClickableSpan() { override fun onClick(view: View) { - onCharClickListener?.invoke(char, index) + onCharClickListener?.invoke(item.description[0], index) } override fun updateDrawState(ds: android.text.TextPaint) { super.updateDrawState(ds) - // 绉婚櫎涓嬪垝绾� ds.isUnderlineText = false - // 淇濇寔鍘熷鏂囧瓧棰滆壊 ds.color = currentTextColor } } + builder.setSpan( clickableSpan, - builder.length - 1, - builder.length, + startPosition, + startPosition + item.description.length, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE ) - - // 鍙湪闈炴渶鍚庝竴涓瓧绗﹀悗娣诲姞绌烘牸浣滀负闂磋窛 - if (index < expandedText.length - 1) { - builder.append(" ".repeat((customLetterSpacing / 10).toInt())) - } } + // 璁剧疆鏂囨湰瀵归綈鏂瑰紡涓哄眳涓� + gravity = Gravity.CENTER + text = builder - // 鍚敤LinkMovementMethod浠ュ搷搴擟lickableSpan鐨勭偣鍑讳簨浠� movementMethod = android.text.method.LinkMovementMethod.getInstance() } @@ -299,7 +471,10 @@ private fun isClickOnTriangle(x: Float): Boolean { val iconSize = triangleDrawable.intrinsicWidth val iconLeft = paddingLeft - iconSize - compoundDrawablePadding - return x <= paddingLeft && x >= iconLeft + + // 鎵╁ぇ鐐瑰嚮鍖哄煙锛氬乏鍙冲悇澧炲姞 triangleClickPadding + return x <= (paddingLeft + triangleClickPadding) && + x >= (iconLeft - triangleClickPadding) } /** @@ -316,4 +491,154 @@ paddingBottom ) } + + /** + * 璁剧疆鎸夐挳鐨勫敮涓�鏍囪瘑绗� + * @param id 鏍囪瘑绗� + */ + fun setButtonId(id: String) { + this.buttonId = id + // 鍔犺浇淇濆瓨鐨勭姸鎬� + + } + + + /** + * 璁剧疆鍥句緥鍐呭 + */ + @JvmName("setLegendsList") + fun setLegends(items: List<Quadruple<Drawable, Drawable, String, Boolean>>) { + legendItems = items.map { (selectedIcon, unselectedIcon, description, isSelected) -> + selectedIcon.setBounds(0, 0, iconSize, iconSize) + unselectedIcon.setBounds(0, 0, iconSize, iconSize) + LegendItem(selectedIcon, unselectedIcon, description, isSelected) + } + + if (!isExpanded) { + text = collapsedText + } else { + invalidate() + } + requestLayout() + } + + // 娣诲姞涓�涓� Java 鍙嬪ソ鐨勬柟娉� + @JvmName("setLegendsArray") + fun setLegends(vararg items: Quadruple<Drawable, Drawable, String, Boolean>) { + setLegends(items.toList()) + } + + // 娣诲姞涓�涓暟鎹被鏉ヨ〃绀哄洓鍏冪粍 + data class Quadruple<A, B, C, D>( + val first: A, + val second: B, + val third: C, + val fourth: D + ) + + // 娣诲姞涓�涓究鎹风殑鎵╁睍鍑芥暟鏉ュ垱寤� Quadruple + fun <A, B, C, D> quadrupleOf(first: A, second: B, third: C, fourth: D): Quadruple<A, B, C, D> { + return Quadruple(first, second, third, fourth) + } + + /** + * 娣诲姞璁剧疆鐩戝惉鍣ㄧ殑鏂规硶 + */ + fun setOnLegendItemClickListener(listener: OnLegendItemClickListener) { + legendItemClickListener = listener + } + + /** + * 澶勭悊瑙︽懜浜嬩欢 + */ + override fun onTouchEvent(event: MotionEvent): Boolean { + when (event.action) { + MotionEvent.ACTION_DOWN -> { + // 妫�鏌ョ偣鍑绘槸鍚﹀湪涓夎褰㈠浘鏍囧尯鍩熷唴 + if (isClickOnTriangle(event.x)) { + toggleExpand() + return true + } + + // 濡傛灉鏄睍寮�鐘舵�侊紝妫�鏌ユ槸鍚︾偣鍑讳簡鍥句緥椤� + if (isExpanded) { + val clickedIndex = getClickedItemIndex(event.x, event.y) + if (clickedIndex != -1) { + toggleItemSelection(clickedIndex) + return true + } + } else if (!isExpanded && event.x > paddingLeft) { + // 鍦ㄦ敹璧风姸鎬佷笅锛岀偣鍑婚潪涓夎褰㈠尯鍩熶篃灞曞紑 + toggleExpand() + return true + } + } + } + return super.onTouchEvent(event) + } + + /** + * 鑾峰彇鐐瑰嚮浣嶇疆瀵瑰簲鐨勫浘渚嬮」绱㈠紩 + */ + private fun getClickedItemIndex(x: Float, y: Float): Int { + if (!isExpanded) return -1 + + val maxWidth = legendItems.maxOf { item -> + maxOf(paint.measureText(item.description), iconSize.toFloat()) + } + + val totalWidth = legendItems.size * maxWidth + + (legendItems.size - 1) * itemSpacing + + val startX = (width - totalWidth) / 2 + val iconTop = paddingTop + (height - legendItemHeight) / 2 + val iconBottom = iconTop + legendItemHeight + + // 妫�鏌ュ瀭鐩存柟鍚戞槸鍚﹀湪鍥句緥椤硅寖鍥村唴 + if (y < iconTop || y > iconBottom) return -1 + + // 妫�鏌ユ按骞虫柟鍚戠偣鍑荤殑鏄摢涓浘渚嬮」 + legendItems.forEachIndexed { index, _ -> + val itemStartX = startX + index * (maxWidth + itemSpacing) + val itemEndX = itemStartX + maxWidth + if (x >= itemStartX && x <= itemEndX) { + return index + } + } + return -1 + } + + /** + * 鍒囨崲鍥句緥椤圭殑閫変腑鐘舵�� + */ + private fun toggleItemSelection(index: Int) { + if (index < 0 || index >= legendItems.size) return + + legendItems[index].isSelected = !legendItems[index].isSelected + legendItemClickListener?.onLegendItemClick( + index, + legendItems[index].isSelected + ) + + invalidate() + } + + /** + * 璁剧疆灞曞紑鍚庣殑瀛椾綋澶у皬 + * @param size 瀛椾綋澶у皬锛堝儚绱狅級 + */ + fun setExpandedTextSize(size: Float) { + this.expandedTextSize = size + if (isExpanded) { + invalidate() + } + } + + /** + * 璁剧疆灞曞紑鍚庣殑瀛椾綋澶у皬锛圫P锛� + * @param sp 瀛椾綋澶у皬锛圫P锛� + */ + fun setExpandedTextSizeSp(sp: Float) { + setExpandedTextSize(sp * context.resources.displayMetrics.scaledDensity) + } } \ No newline at end of file -- Gitblit v1.8.0