Autojs实现折叠面板

"ui";

// ========== 禁止自动布局，全手动 ==========

/**
 * 创建 Element Plus 风格折叠面板
 */
function createCollapse(title, options) {
    options = options || {};
    var ctx = activity;

    var COLOR_WHITE = android.graphics.Color.parseColor("#FFFFFF");
    var COLOR_BORDER = android.graphics.Color.parseColor(options.borderColor || "#DCDFE6");
    var COLOR_HEADER_BG = android.graphics.Color.parseColor(options.headerBg || "#FAFAFA");
    var COLOR_TITLE = android.graphics.Color.parseColor("#303133");
    var COLOR_ARROW = android.graphics.Color.parseColor("#C0C4CC");

    // 主容器
    var container = new android.widget.LinearLayout(ctx);
    container.setOrientation(android.widget.LinearLayout.VERTICAL);
    container.setPadding(0, 0, 0, 0);
    container.setLayoutParams(new android.widget.LinearLayout.LayoutParams(
        android.widget.LinearLayout.LayoutParams.MATCH_PARENT,
        android.widget.LinearLayout.LayoutParams.WRAP_CONTENT
    ));

    var containerBg = new android.graphics.drawable.GradientDrawable();
    containerBg.setShape(android.graphics.drawable.GradientDrawable.RECTANGLE);
    containerBg.setCornerRadius(8);
    containerBg.setColor(COLOR_WHITE);
    containerBg.setStroke(1, COLOR_BORDER);
    container.setBackground(containerBg);

    // 标题栏 FrameLayout
    var headerFrame = new android.widget.FrameLayout(ctx);
    headerFrame.setClickable(true);
    headerFrame.setLayoutParams(new android.widget.LinearLayout.LayoutParams(
        android.widget.LinearLayout.LayoutParams.MATCH_PARENT,
        android.widget.LinearLayout.LayoutParams.WRAP_CONTENT
    ));

    var headerBg = new android.graphics.drawable.GradientDrawable();
    headerBg.setShape(android.graphics.drawable.GradientDrawable.RECTANGLE);
    headerBg.setColor(COLOR_HEADER_BG);
    headerFrame.setBackground(headerBg);

    // 标题 LinearLayout
    var headerLinear = new android.widget.LinearLayout(ctx);
    headerLinear.setOrientation(android.widget.LinearLayout.HORIZONTAL);
    headerLinear.setGravity(android.view.Gravity.CENTER_VERTICAL);
    headerLinear.setPadding(32, 24, 24, 24);
    headerLinear.setLayoutParams(new android.widget.FrameLayout.LayoutParams(
        android.widget.FrameLayout.LayoutParams.MATCH_PARENT,
        android.widget.FrameLayout.LayoutParams.WRAP_CONTENT
    ));

    // 标题文字
    var titleText = new android.widget.TextView(ctx);
    titleText.setText(title);
    titleText.setTextSize(15);
    titleText.setTextColor(COLOR_TITLE);
    titleText.setLayoutParams(new android.widget.LinearLayout.LayoutParams(
        0, android.widget.LinearLayout.LayoutParams.WRAP_CONTENT, 1.0
    ));
    headerLinear.addView(titleText);

    // 箭头
    var arrow = new android.widget.TextView(ctx);
    arrow.setText("▼");
    arrow.setTextSize(12);
    arrow.setTextColor(COLOR_ARROW);
    arrow.setPadding(16, 0, 8, 0);
    headerLinear.addView(arrow);

    headerFrame.addView(headerLinear);
    container.addView(headerFrame);

    // 内容区
    var bodyWrapper = new android.widget.LinearLayout(ctx);
    bodyWrapper.setOrientation(android.widget.LinearLayout.VERTICAL);
    bodyWrapper.setVisibility(android.view.View.GONE);
    bodyWrapper.setPadding(32, 24, 32, 32);
    bodyWrapper.setBackgroundColor(COLOR_WHITE);
    bodyWrapper.setLayoutParams(new android.widget.LinearLayout.LayoutParams(
        android.widget.LinearLayout.LayoutParams.MATCH_PARENT,
        android.widget.LinearLayout.LayoutParams.WRAP_CONTENT
    ));
    container.addView(bodyWrapper);

    // 状态管理
    var collapsed = options.collapsed !== false;

    function updateState(c) {
        collapsed = !!c;
        bodyWrapper.setVisibility(collapsed ? android.view.View.GONE : android.view.View.VISIBLE);
        arrow.setRotation(collapsed ? 0 : 180);

        var bg = headerFrame.getBackground();
        if (bg instanceof android.graphics.drawable.GradientDrawable) {
            if (collapsed) {
                bg.setCornerRadii([8, 8, 8, 8, 8, 8, 8, 8]);
            } else {
                bg.setCornerRadii([8, 8, 8, 8, 0, 0, 0, 0]);
            }
        }

        if (options.onChange) options.onChange(collapsed);
    }

    updateState(collapsed);

    headerFrame.setOnClickListener(function() {
        updateState(!collapsed);
    });

    return {
        view: container,
        body: bodyWrapper,
        isCollapsed: function() { return collapsed; },
        toggle: function() { updateState(!collapsed); },
        expand: function() { updateState(false); },
        collapse: function() { updateState(true); }
    };
}

// ========== 创建界面 ==========
var root = new android.widget.LinearLayout(activity);
root.setOrientation(android.widget.LinearLayout.VERTICAL);
root.setPadding(32, 32, 32, 32);
root.setBackgroundColor(android.graphics.Color.parseColor("#F5F7FA"));
root.setLayoutParams(new android.view.ViewGroup.LayoutParams(
    android.view.ViewGroup.LayoutParams.MATCH_PARENT,
    android.view.ViewGroup.LayoutParams.MATCH_PARENT
));

// 面板1
var panel1 = createCollapse("基础设置", { collapsed: false });
var t1 = new android.widget.TextView(activity);
t1.setText("这里是基础设置的内容");
t1.setTextSize(14);
t1.setTextColor(android.graphics.Color.parseColor("#606266"));
panel1.body.addView(t1);

var b1 = new android.widget.Button(activity);
b1.setText("按钮1");
b1.setTextSize(13);
var b1lp = new android.widget.LinearLayout.LayoutParams(
    android.widget.LinearLayout.LayoutParams.WRAP_CONTENT,
    android.widget.LinearLayout.LayoutParams.WRAP_CONTENT
);
b1lp.topMargin = 16;
b1.setLayoutParams(b1lp);
b1.setBackgroundColor(android.graphics.Color.parseColor("#409EFF"));
b1.setTextColor(android.graphics.Color.parseColor("#FFFFFF"));
b1.setOnClickListener(function() { toast("点击了面板1按钮"); });
panel1.body.addView(b1);
root.addView(panel1.view);

// 间距
var space1 = new android.widget.Space(activity);
space1.setLayoutParams(new android.widget.LinearLayout.LayoutParams(
    android.widget.LinearLayout.LayoutParams.MATCH_PARENT, 24
));
root.addView(space1);

// 面板2
var panel2 = createCollapse("高级配置", {
    collapsed: true,
    onChange: function(c) { toast("面板2: " + (c ? "折叠" : "展开")); }
});
var t2 = new android.widget.TextView(activity);
t2.setText("CPU: 4核\n内存: 8GB");
t2.setTextSize(13);
t2.setTextColor(android.graphics.Color.parseColor("#909399"));
panel2.body.addView(t2);
root.addView(panel2.view);

var space2 = new android.widget.Space(activity);
space2.setLayoutParams(new android.widget.LinearLayout.LayoutParams(
    android.widget.LinearLayout.LayoutParams.MATCH_PARENT, 24
));
root.addView(space2);

// 面板3
var panel3 = createCollapse("关于");
var t3 = new android.widget.TextView(activity);
t3.setText("Element Plus 风格折叠面板\n版本 1.0.0");
t3.setTextSize(13);
t3.setTextColor(android.graphics.Color.parseColor("#909399"));
panel3.body.addView(t3);
root.addView(panel3.view);

var space3 = new android.widget.Space(activity);
space3.setLayoutParams(new android.widget.LinearLayout.LayoutParams(
    android.widget.LinearLayout.LayoutParams.MATCH_PARENT, 40
));
root.addView(space3);

// 按钮行
var btnRow = new android.widget.LinearLayout(activity);
btnRow.setOrientation(android.widget.LinearLayout.HORIZONTAL);
btnRow.setGravity(android.view.Gravity.CENTER);
btnRow.setLayoutParams(new android.widget.LinearLayout.LayoutParams(
    android.widget.LinearLayout.LayoutParams.MATCH_PARENT,
    android.widget.LinearLayout.LayoutParams.WRAP_CONTENT
));

var expandAll = new android.widget.Button(activity);
expandAll.setText("全部展开");
expandAll.setTextSize(14);
expandAll.setBackgroundColor(android.graphics.Color.parseColor("#409EFF"));
expandAll.setTextColor(android.graphics.Color.parseColor("#FFFFFF"));
expandAll.setOnClickListener(function() {
    panel1.expand();
    panel2.expand();
    panel3.expand();
});
btnRow.addView(expandAll);

var collapseAll = new android.widget.Button(activity);
collapseAll.setText("全部折叠");
collapseAll.setTextSize(14);
var calp = new android.widget.LinearLayout.LayoutParams(
    android.widget.LinearLayout.LayoutParams.WRAP_CONTENT,
    android.widget.LinearLayout.LayoutParams.WRAP_CONTENT
);
calp.leftMargin = 24;
collapseAll.setLayoutParams(calp);
collapseAll.setOnClickListener(function() {
    panel1.collapse();
    panel2.collapse();
    panel3.collapse();
});
btnRow.addView(collapseAll);

root.addView(btnRow);

// ========== 设置根布局（关键！）==========
ui.setContentView(root);