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

Question

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

---

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

• android.util.Log.d()
  • 没有输出LogCat或Console
• System.out.println()
  • 没有输出LogCat或Console
• Toast.makeText().show()
  • NullPointerException在android.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() 函数在编辑模式下确实有效。所以我使用 TAG 的 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;