在 Hamibot 中，可以通过使用 ui.layout 或 ui.layoutFile 函数来创建带有左抽屉布局的界面。左抽屉布局通常由一个主布局和一个侧边栏（抽屉）组成。以下是一个简单的示例，展示如何添加一个左抽屉布局：

// 文档地址 https://docs.hamibot.com/
'ui';
ui.layout(
  <vertical>
    <!-- 主布局 -->
    <horizontal>
      <!-- 左抽屉 -->
      <vertical id="drawer" w="200dp" h="100%" bg="#f0f0f0">
        <text text="抽屉内容1" />
        <text text="抽屉内容2" />
      </vertical>
      <!-- 主内容区域 -->
      <vertical id="content" h="100%" layout_weight="1">
        <text text="主内容区域" />
      </vertical>
    </horizontal>
  </vertical>
);

说明：

• vertical 是垂直布局，用于将控件从上到下排列。
• horizontal 是水平布局，用于将控件从左到右排列。
• id="drawer" 是左抽屉的 ID，可以通过 JavaScript 操作。
• w="200dp" 设置了左抽屉的宽度为 200 dp。
• h="100%" 设置了左抽屉的高度为父布局的 100%。
• layout_weight="1" 表示主内容区域会占据剩余的空间。

你可以根据需要调整布局和控件的属性，以实现更复杂的左抽屉效果。