要使用Appium Inspector从屏幕截图和页面源代码中生成交互式图像，可以按照以下步骤进行操作：

1. 安装Appium和Appium Inspector（参考官方文档进行安装）。

2. 启动Appium服务器。

3. 连接移动设备或模拟器，并确保设备上已安装并启动了相应的应用程序。

4. 打开Appium Inspector。

5. 在Appium Inspector中，点击左上角的“Start Inspector Session”按钮，进入会话页面。

6. 在Appium Inspector会话页面，点击左上角的“Capture Screenshot”按钮，可以从屏幕截图中获取交互式图像。

7. 点击右上角的“Source”选项卡，可以查看页面源代码。

8. 在页面源代码中，可以通过选择元素来查看其属性和层级关系。

以下是一个示例代码，展示如何使用Appium和Appium Inspector从屏幕截图和页面源代码中生成交互式图像：

from appium import webdriver

# Appium服务器配置
desired_caps = {
    'platformName': 'Android',
    'deviceName': 'device',
    'appPackage': 'com.example.app',
    'appActivity': 'com.example.app.MainActivity'
}

# 连接Appium服务器
driver = webdriver.Remote('http://localhost:4723/wd/hub', desired_caps)

# 启动Appium Inspector
driver.start_recording_screen()

# 获取屏幕截图
screenshot = driver.get_screenshot_as_base64()

# 保存屏幕截图
with open('screenshot.png', 'wb') as file:
    file.write(base64.b64decode(screenshot))

# 获取页面源代码
source = driver.page_source

# 保存页面源代码
with open('source.html', 'w') as file:
    file.write(source)

# 停止Appium Inspector
driver.stop_recording_screen()

# 关闭Appium会话
driver.quit()

通过以上步骤，您可以使用Appium Inspector从屏幕截图和页面源代码中生成交互式图像。