Android Studio是一款常用的集成开发环境（IDE），用于开发Android应用程序。在Android Studio中，我们可以使用可视化界面编辑XML布局文件，也可以直接查看和编辑XML代码。

要在Android Studio中显示XML代码，可以按照以下步骤操作：

  1. 打开Android Studio，创建一个新的Android项目或打开一个已存在的项目。
  2. 在项目结构中，找到并展开res文件夹，然后展开layout文件夹。在layout文件夹中，可以找到应用程序的布局文件，通常以.xml作为文件扩展名。
  3. 双击要查看的布局文件，此时将会打开一个可视化编辑器。
  4. 在编辑器的右下角，可以切换到“Design”（设计）和“Text”（文本）两个选项卡。点击“Text”选项卡，即可进入XML代码编辑模式。
  5. 此时，可以看到布局文件的XML代码。

以下是一个简单的XML布局文件的示例代码：

<LinearLayout xmlns:android="
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Hello, World!" />
    
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Click Me" />

</LinearLayout>

上述代码表示一个垂直排列的线性布局，其中包含一个TextView和一个Button。

在Android Studio的XML代码编辑模式中，我们可以对代码进行编辑和调整。此外，代码编辑器还提供了自动补全、代码高亮和错误提示等功能，有助于提高开发效率。

Class Diagram 类图:

classDiagram
    LinearLayout <|-- TextView
    LinearLayout <|-- Button

上述类图表示LinearLayout类派生出了TextView和Button两个子类。

总结起来，通过在Android Studio中选择布局文件并切换到“Text”选项卡，我们可以方便地查看和编辑XML代码。在代码编辑器中，我们可以对XML代码进行修改和调整，并利用IDE提供的功能来提高开发效率。同时，类图可以用来展示类之间的继承关系，帮助我们理解代码结构。