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

Question

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

我将其设想为文本标签(例如"高级选项","更多/更少")以及在打开和关闭之间切换的图标.我有一些可以达到目的的图标,并且元素的功能与ToggleButton的功能非常匹配,所以我试图用样式化的ToggleButton来解决这个问题.

事实证明这个解决方案非常难看(从维护角度来看).我将在下面添加它作为答案.

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

在这个SO Q/A中,BTW很好地解决了视图的扩展/崩溃问题.

Answer 1

谢天谢地,我发现了一种更简单的方法.

我没有使用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 );
    }
};

请注意,这些都不会显示展开/折叠的动画.这在我在问题末尾提到的文章中得到了解决.