我正在开发一个自定义的android可扩展视图。目标是我可以在xml文件中添加子元素,当用户单击展开/折叠按钮时,它们将被展开和折叠,如下图所示。
扩展/折叠工作正常,但我找不出如何处理子视图。
在我的定制视图的构造函数中,我膨胀了一个xml布局,并且我在里面有一个线性布局,我想在其中放置子元素。
我尝试使用question here.的答案中建议的解决方案
但是我得到了StackOverflowError,以及大约一百个这样的错误:”在Android。view.ViewGroup.resetResolvedLayoutDirection(ViewGroup.java:7207)",即使我尝试在第二个aswer中使用解决方案,使用while循环而不是for。
下面是我的Kotlin类视图:
class CollapsableCategoryView(context: Context, attrs: AttributeSet) : LinearLayout(context, attrs) {
/** Declare some variables */
private var titleString : String = ""
private var subtitleString : String = ""
private var isExpaneded : Boolean = false
/** The required views */
private lateinit var ivIcon : ImageView
private lateinit var llExpandableContent : LinearLayout
init {
/** Receive the attributes */
context.theme.obtainStyledAttributes(
attrs,
R.styleable.CollapsableCategoryView,
0, 0
).apply {
try {
titleString = getString(R.styleable.CollapsableCategoryView_categoryTitle) ?: ""
subtitleString = getString(R.styleable.CollapsableCategoryView_categorySubtitle) ?: ""
} finally {
recycle()
}
}
/** Inflate the layout */
val root : View = View.inflate(context, R.layout.collapsable_task_category, this)
/** Find the views we need*/
ivIcon = root.findViewById(R.id.ivCollapsableCategoryIcon) as ImageView
llExpandableContent = root.findViewById(R.id.llExpandableContent) as LinearLayout
/** onClickListener for the icon */
ivIcon.setOnClickListener {
toggleExpanded()
}
}
override fun onFinishInflate() {
for(i in 0..childCount){
var view : View = getChildAt(i)
removeViewAt(i)
llExpandableContent.addView(view)
}
super.onFinishInflate()
}
/** This method is called when user clicks the expand/collapse button */
fun toggleExpanded(){
isExpaneded = !isExpaneded
if(isExpaneded)
{
ivIcon.setImageResource(R.drawable.ic_collapse)
llExpandableContent.visibility = VISIBLE
}else{
ivIcon.setImageResource(R.drawable.ic_expand)
llExpandableContent.visibility = GONE
}
}
}
我在其他地方读到过一个不同的解决方案,但也不起作用。该解决方案建议像这样重写addView()方法:
override fun addView(child: View?, index: Int, params: ViewGroup.LayoutParams?) {
llExpandableContent.addView(child, params)
}
但是如果我这样做,我会得到一个异常,lateinint var llExpandableContent从未初始化。
我也看到过覆盖onMeasure()方法的解决方案,但这似乎不是解决这个问题的正确方法,因为我不想以一种特殊的方式布局我的视图,只是想以线性布局添加它们。
下面是自定义视图布局的xml资源文件:
<?xml version="1.0" encoding="utf-8"?>
<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:orientation="vertical">
<View
android:layout_width="match_parent"
android:layout_height="@dimen/collapsable_category_corner_radius"
android:background="@drawable/bg_collapsable_category_top"/>
<androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/clCollapsableCategoryMain"
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="@drawable/bg_collapsable_category_middle">
<ImageView
android:id="@+id/ivCollapsableCategoryIcon"
android:layout_width="38dp"
android:layout_height="38dp"
android:layout_marginStart="8dp"
android:src="@drawable/ic_expand"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/clCollapsableCategoryTitle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:text="Title"
app:layout_constraintStart_toEndOf="@+id/ivCollapsableCategoryIcon"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/clCollapsableCategorySubtitle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Subtitle"
app:layout_constraintStart_toEndOf="@+id/ivCollapsableCategoryIcon"
app:layout_constraintTop_toBottomOf="@+id/clCollapsableCategoryTitle" />
</androidx.constraintlayout.widget.ConstraintLayout>
<LinearLayout
android:id="@+id/llExpandableContent"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="@drawable/bg_collapsable_category_middle"
android:visibility="gone">
</LinearLayout>
<View
android:layout_width="match_parent"
android:layout_height="@dimen/collapsable_category_corner_radius"
android:background="@drawable/bg_collapsable_category_bottom"/>
</LinearLayout>
下面是我如何尝试在布局xml文件中使用自定义视图:
<com.test.test.util.CollapsableCategoryView
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Child view 1"/>
</com.test.test.util.CollapsableCategoryView>
有人知道如何解决这个问题吗?非常感谢您的任何帮助提前。最好的问候,阿戈斯顿
1条答案
按热度按时间xuo3flqw1#
所以我在另一个问题上找到了答案,但我再也找不到了。..但是这个解决方案就像一个魅力:)
希望在某个时候能帮助到别人:)