Android中的“展开/折叠”按钮(显示/隐藏可选视图)

我需要一个UI元素,该元素将允许用户展开/折叠(显示/隐藏)包含可选/高级信息的视图.

我设想将其作为文本标签(例如“高级选项”,“更多/更少”)以及在打开和关闭之间切换的图标.我有一些可以满足此目的的图标,并且该元素的功能与ToggleButton的功能非常匹配,因此我尝试使用样式化的ToggleButton解决此问题.

事实证明,此解决方案非常麻烦(从维护角度来看).我将其添加为下面的答案.

我希望有人可以提出更好的解决方案,或者指出如何简化我的解决方案.

顺便说一句,在this SO Q/A中很好地解决了动画视图扩展/折叠的问题.

解决方法:

幸运的是,我找到了一种更简单的方法.

而不是使用ToggleButton(涉及11个资源文件来设置其样式),我只是使用带有CompoundDrawable的TextView,然后自己管理状态.

这种方式涉及更多的代码,但是节省了大量的资源文件.它还可以更轻松地处理多个主题,例如在这里,我根据主题设置了所需图标的资源ID：

final MainActivity ma = (MainActivity) getActivity();
if  (ma.isDarkTheme()) {
    icon_expand = getResources().getIdentifier( "ic_action_expand","drawable", ma.getPackageName() );       
    icon_collapse = getResources().getIdentifier( "ic_action_collapse","drawable", ma.getPackageName() );       
} else {
    icon_expand = getResources().getIdentifier( "ic_action_expand_light","drawable", ma.getPackageName() );     
    icon_collapse = getResources().getIdentifier( "ic_action_collapse_light","drawable", ma.getPackageName() );     
}

我在片段的onCreate中执行此操作.不幸的是,我必须在运行时解析图标ID,但这似乎是如何完成的.

我不知道为什么在这种情况下将图标指定为ToggleButton背景的一层时,图标以正常大小显示为双倍大小(所有图标都需要ScaledDrawable资源).

这是我的onClickListener(用于TextView)：

protected OnClickListener expandCtrlListener = new OnClickListener() {
    public void onClick(View v) {
        assertTrue( v == expandCtrl );
        isExpanded = !isExpanded;
        advancedView.setVisibility( isExpanded ?  View.VISIBLE : View.GONE );
        expandCtrl.setCompoundDrawablesWithIntrinsicBounds( isExpanded ? icon_collapse : icon_expand, 0, 0, 0 );
    }
};

请注意,这些都没有显示展开/折叠的动画.我在问题末尾提到的文章中谈到了这一点.

标签：android-ui,android
来源： https://codeday.me/bug/20191030/1967824.html