如何在 ADT 的图形布局编辑器中调试自定义视图

Question

如何使用 ADT Eclipse 插件在布局 XML 的图形预览中调试自定义视图？

---

我写了一个自定义视图，把它放在一个布局 XML 中，我可以在 ADT Graphical Layout Editor 中预览它。我可以查看我的自定义视图，就像 Google 人员在 Google I/O 2011: Android Development Tools 中所做的那样。但是，我的自定义视图在预览中表现错误（在模拟器/设备上没有问题，但我没有使用View.isInEditMode()）。我认为变量的值错误，但我无法确认。我试过了：

• android.util.Log.d()
  • LogCat 或 Console 中没有输出
• System.out.println()
  • LogCat 或 Console 中没有输出
• Toast.makeText().show()
  • NullPointerExceptionandroid.widget.Toast.show
• 在我的自定义视图中设置断点
  • 在 Eclipse 中不会中断
• throw new IllegalStateException(debugMessage) (?!)
  • debugMessage 没有出现在 Error Log 中
• 通过((Activity)getContext()).setTitle(debugMessage)设置活动标题
  • 没有效果
• 通过((Activity)getContext()).getWindow().setTitle(debugMessage)设置窗口标题
  • NullPointerException（window 是 null）

• 动态添加TextView

  final TextView textView = new TextView(getContext());
  textView.setText(debugMessage);
  this.addView(textView);
  

  • debugMessage 显示，但我的布局被破坏了
  • 仅当自定义视图是 ViewGroup 时才有效

Answer 1

好问题！我也想知道。在布局编辑器中进行良好的预览确实非常困难，而且当“isineditmode”为真时，关于您可以做什么和不能做什么的文档似乎很少（例如，在构造函数的传入 AttributeSet 中分析自定义 XML 属性的视图似乎不起作用，等等）。

我什至无法在自定义视图中按 ID 查找视图。一个简单的事情，比如

mTextView = (TextView)myLayout.findViewById(R.id.view_id);

仅当从编辑器运行布局时（即 isineditmode() == true），我的自定义视图布局膨胀后才返回 null。在手机上运行应用程序时，它可以工作。

我把你留在这里是什么帮助了我在布局编辑器中更好地预览我的布局：

1- 查找视图：我使用 TAG 属性，因为 findViewWithTag() 函数在编辑模式下确实有效。所以我使用ID作为标签

<TextView
    android:id="@+id/myTextViewId"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    ...
    android:tag="mytextViewId" />

然后使用标签查找视图：

if(isineditmode()){
    ((TextView)myLayout.findViewWithTag("myTextViewId")).setText("Test text");
}

2- 检查一些值以了解为什么有时我的自定义视图无法在编辑模式下实例化，或者检查某些属性是否可以在编辑模式下查询并知道它们的值。我在将放置我的自定义视图的父布局中使用了一个特殊的文本视图，我将其隐藏并带有一个特殊的标签：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" > 

    ...

    <com.example.myCustomView ... />

    ...

    <TextView
        android:id="@+id/DebugView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:tag="debug"
        android:textSize="16sp"
        android:textColor="#FFFFFF"
        android:visibility="gone"
     />

</LinearLayout>

这个线性布局将是我的自定义视图的父级，我需要在布局编辑器中打开它才能预览我的自定义视图。 “调试”文本视图可见性已“消失”，因此如果不需要，我不会打扰。 然后，当我需要检查某些内容时，我会在自定义视图的 java 代码中执行以下操作：

if(isineditmode()){
    TextView wDebugView = (TextView)this.getRootView().findViewWithTag("debug");
    wDebugView.setVisibility(View.VISIBLE);
    wDebugView.setText(Integer.valueOf(getPaddingTop()).toString());
}

在本例中，我检查了视图的属性，例如顶部填充。

重要提示：您需要手动将值转换为字符串以显示在“调试”视图中，否则它将崩溃并给您一个错误。

希望对你有帮助。

如果有人知道为什么按 id 查找视图不起作用，我们将不胜感激。

Answer 2

我同意这令人沮丧。对我来说 findViewWithTag() 不起作用，它在 ADT 预览模式下总是返回 null 。但是我能够将一个简单的日志设置到本地（非 Android）文件并对其进行尾部调试，以调试我的自定义视图，例如如下（这会检查 isEditMode 以确保如果在 Android 中意外运行它是空操作）：

/** ONLY FOR ECLIPSE: enables us to do some basic logging to a file to debug our custom views in Eclipse preview mode */ 
public static void eclipseEditModeLog(View view, String s) {
    if (view.isInEditMode()) {
        try {
            // Open our hack log file in append mode
            if (eclipseLogOut == null) {
                File eclipseLogFile = new File("/home/mwk/tmp/eclipse.log");
                eclipseLogOut = new BufferedWriter(new FileWriter(eclipseLogFile, true));
            }
            eclipseLogOut.write(new Date().toLocaleString() + ": " + s + "\n");
            eclipseLogOut.flush();
        } catch (IOException e) {}
    }
}
private static BufferedWriter eclipseLogOut = null;