Appcelerator父子关系更新ImageView及iOS单选按钮状态切换问题

要通过父子关系更新ImageView的图片，核心是从父容器定位到目标子视图后修改属性，具体可以这么做：

• 先通过父View的children属性获取所有子视图的集合
• 遍历子视图，通过id、视图类型或位置找到目标ImageView，再更新它的image属性

给你个实际的代码示例：

// 假设parentView是你的父容器视图
const childViews = parentView.children;

// 遍历子视图找到目标ImageView
for (let i = 0; i < childViews.length; i++) {
  const currentView = childViews[i];
  // 推荐用id识别，结构变化也不容易出错
  if (currentView.id === "targetImageView") {
    currentView.image = "/path/to/your-new-image.png";
    break; // 找到目标后就停止遍历，节省性能
  }
}

如果你明确知道目标ImageView在父容器里的固定位置（比如第一个子元素），也可以直接通过索引快速访问：

parentView.children[0].image = "/path/to/your-new-image.png";

不过这种方式灵活性差，视图结构调整后容易出问题，还是优先用id匹配的方式更稳妥。

看了你提供的代码，要实现“点击任意单选按钮时，其余按钮自动切换为未选中”的效果，只需要在点击事件里遍历父容器的所有单选按钮，把非当前点击的按钮重置状态就行，修改后的代码如下：

vwBottomContainer.addEventListener("click", function(e) { 
  Ti.API.info('e.source.id: ' + e.source.id); 
  if (e.source.id == "CheckBox") { 
    // 先把当前点击的按钮设为选中状态
    e.source.status = "selected"; 
    e.source.image = "/images/checked.png"; 

    // 遍历容器内所有子视图，处理其他CheckBox
    const allCheckboxes = vwBottomContainer.children;
    for (let i = 0; i < allCheckboxes.length; i++) {
      const checkbox = allCheckboxes[i];
      // 排除当前点击的按钮，只重置其他CheckBox
      if (checkbox.id === "CheckBox" && checkbox !== e.source) {
        checkbox.status = "unselected";
        checkbox.image = "/images/unchecked.png";
      }
    }
  } 
});

额外说明： #

• 如果你的需求是“单选按钮必须保持一个选中状态，不能取消”，可以删掉原代码里的else分支，确保点击后当前按钮始终处于选中状态
• 如果需要支持“取消选中当前按钮（所有按钮都变为未选中）”，可以在else分支里处理当前按钮的取消逻辑，同时把所有其他按钮也设为未选中

内容的提问来源于stack exchange，提问作者user7420795