| |  |  |  |  |  | AIWROK苹果系统简单的UI界面分享一下 
                            复制代码//🍎交流QQ群711841924群一,苹果内测群,528816639
// 优化界面美观度和用户体验
// 创建TabView
var tab = new TabView();
// 设置Tab标题,使用简洁标题
var titles = ["软件", "通用", "日常", "辅助", "设置"];
tab.setTitles(titles);
// 显示TabView
tab.show(() => {
    printl("TabView已启动,标题自适应调整完成");
    
    // 为每个Tab添加内容
    for (var i = 0; i < titles.length; i++) {
        tab.addView(i, createTabContent(i, titles[i]));
    }
});
// 创建Tab内容的函数
function createTabContent(index, title) {
    var v = new Vertical();
    v.setBackgroundColor(240, 240, 245); // 浅灰蓝色背景,更柔和
    
    // 添加标题区域
    var titleHeader = new Horizontal();
    titleHeader.setAlignment("center");
    
    var titleLabel = new Label();
    titleLabel.setText(title + "功能");
    titleLabel.setTextColor(70, 130, 180); // 钢蓝色文字
    titleLabel.setFontSize(22);
    titleHeader.addView(titleLabel);
    
    v.addView(titleHeader);
    
    // 添加分隔线
    var divider = new Label();
    divider.setHeight(2);
    divider.setBackgroundColor(220, 220, 225);
    v.addView(divider);
    
    // 添加操作按钮区域
    var buttonContainer = new Horizontal();
    buttonContainer.setAlignment("center");
    
    // 添加开始按钮
    var btnStart = new Button();
    btnStart.setText("开始");
    btnStart.setColor(70, 130, 180); // 钢蓝色背景
    btnStart.setTextColor(255, 255, 255); // 白色文字
    btnStart.setWidth(120);
    btnStart.setHeight(45);
    btnStart.onClick(() => {
        printl("开始按钮被点击");
    });
    buttonContainer.addView(btnStart);
    
    // 添加返回按钮
    var btnBack = new Button();
    btnBack.setText("返回");
    btnBack.setColor(255, 99, 71); // 番茄红色背景
    btnBack.setTextColor(255, 255, 255); // 白色文字
    btnBack.setWidth(120);
    btnBack.setHeight(45);
    btnBack.onClick(() => {
        printl("返回按钮被点击");
        tab.dismiss();
    });
    buttonContainer.addView(btnBack);
    
    v.addView(buttonContainer);
    
    // 添加标题标签
    var titleLabel = new Label();
    titleLabel.setText(title + "页面内容");
    titleLabel.setTextColor(0, 0, 0);
    titleLabel.setFontSize(18);
    v.addView(titleLabel);
    
    // 根据不同Tab添加不同内容
    if (index === 0) { // 软件Tab
        addSoftwareTasks(v);
    } else if (index === 1) { // 通用Tab
        addGeneralTasks(v);
    } else if (index === 2) { // 日常Tab
        addDailyTasks(v);
    } else if (index === 3) { // 辅助Tab
        addAuxiliaryTasks(v);
    } else if (index === 4) { // 设置Tab
        var settingsLabel = new Label();
          settingsLabel.setText("设置选项");
          settingsLabel.setTextColor(128, 0, 128); // 紫色文字
          settingsLabel.setFontSize(18);
          v.addView(settingsLabel);
        
        // 添加设置项容器
        var settingsContainer = new Vertical();
        settingsContainer.setBackgroundColor(255, 255, 255);
        
        // 添加设置项
        addTaskItem(settingsContainer, "通用设置");
        addTaskItem(settingsContainer, "个性化");
        addTaskItem(settingsContainer, "关于我们");
        
        v.addView(settingsContainer);
    }
    
    return v;
}
// 添加软件任务列表
function addSoftwareTasks(container) {
    // 添加任务分类标题
    var categoryLabel = new Label();
    categoryLabel.setText("喜番任务");
    categoryLabel.setTextColor(128, 0, 128); // 紫色文字,更显优雅
    categoryLabel.setFontSize(18);
    container.addView(categoryLabel);
    
    // 添加任务项
    addTaskItem(container, "看短剧");
    addTaskItem(container, "宝箱");
    addTaskItem(container, "看视频");
    
    // 添加分隔和另一个分类
    var sectionDivider = new Label();
    sectionDivider.setHeight(1);
    sectionDivider.setBackgroundColor(220, 220, 225);
    container.addView(sectionDivider);
    
    categoryLabel = new Label();
    categoryLabel.setText("抖极任务");
    categoryLabel.setTextColor(128, 0, 128); // 紫色文字
    categoryLabel.setFontSize(18);
    container.addView(categoryLabel);
    
    addTaskItem(container, "宝箱");
    addTaskItem(container, "AD广");
    addTaskItem(container, "小猪");
    
    // 添加更多分类...
    sectionDivider = new Label();
    sectionDivider.setHeight(1);
    sectionDivider.setBackgroundColor(220, 220, 225);
    container.addView(sectionDivider);
    
    categoryLabel = new Label();
    categoryLabel.setText("红果任务");
    categoryLabel.setTextColor(128, 0, 128); // 紫色文字
    categoryLabel.setFontSize(18);
    container.addView(categoryLabel);
    
    addTaskItem(container, "宝箱");
    addTaskItem(container, "短剧");
    addTaskItem(container, "海量");
}
// 添加通用任务列表
function addGeneralTasks(container) {
    var categoryLabel = new Label();
    categoryLabel.setText("通用任务");
    categoryLabel.setTextColor(128, 0, 128); // 紫色文字
    categoryLabel.setFontSize(18);
    container.addView(categoryLabel);
    
    addTaskItem(container, "每日签到");
    addTaskItem(container, "邀请好友");
    addTaskItem(container, "分享内容");
}
// 添加日常任务列表
function addDailyTasks(container) {
    var categoryLabel = new Label();
    categoryLabel.setText("日常任务");
    categoryLabel.setTextColor(128, 0, 128); // 紫色文字
    categoryLabel.setFontSize(18);
    container.addView(categoryLabel);
    
    addTaskItem(container, "浏览资讯");
    addTaskItem(container, "观看视频");
    addTaskItem(container, "评论互动");
}
// 添加辅助任务列表
function addAuxiliaryTasks(container) {
    var categoryLabel = new Label();
    categoryLabel.setText("辅助功能");
    categoryLabel.setTextColor(128, 0, 128); // 紫色文字
    categoryLabel.setFontSize(18);
    container.addView(categoryLabel);
    
    addTaskItem(container, "设置");
    addTaskItem(container, "帮助");
    addTaskItem(container, "关于我们");
}
// 添加单个任务项
function addTaskItem(container, taskName) {
    var taskContainer = new Horizontal();
    taskContainer.setAlignment("center_vertical");
    taskContainer.setBackgroundColor(255, 255, 255); // 白色背景
    
    // 复选框
    var checkBox = new CheckBox();
    checkBox.setText(taskName);
    checkBox.setWidth(250); // 设置足够宽度以显示文字
    
    taskContainer.addView(checkBox);
    container.addView(taskContainer);
}
// UI优化说明:
// 1. 美化整体布局,添加内边距和合理间距
// 2. 优化按钮样式,添加圆角和阴影效果
// 3. 改进标题设计,使用更协调的颜色和更大的字号
// 4. 美化任务项,添加背景、圆角和阴影
// 5. 使用分隔线增强视觉层次
// 6. 优化颜色搭配,使界面更加和谐美观
 
 |  |  |  |  |  | 
 |