Android - 布局、表面 View 和 Canvas 难题

Question

我可能想在这里一次问太多，但任何能帮助我哪怕一点点的圣洁、耐心、Android 大师都可能会挽救我的项目免于失败。

我正在开发一个装扮娃娃的应用程序，用户可以在其中将项目从“服装库存” View 拖到另一个 View 中的“娃娃”。

首先，我不知道如何将玩偶和元素栏放在不同的 View 中，并且仍然能够在两者之间拖动位图。 (位图的绘制和拖动本身不是问题)。

到目前为止，我所能做的就是使用一个扩展的 SurfaceView，我以编程方式将其添加到我的布局中，并使用一个线程绘制到它的 Canvas 上。在 Canvas 的一侧，我绘制了构成娃娃的 bitmpas。另一方面，我绘制构成库存的位图。它像那样工作得很好，但我需要能够将它分成两个 View ，因为 a) 玩偶 View 的高度需要大于库存 View 的高度，并且 b) 我想重新使用在不同的 Activity 中，其他地方的两种观点。

所以，最后，我的问题是:如何在两个表面 View 的 Canvas 之间共享位图？或者，我可以有一个覆盖整个屏幕的 Canvas，上面放置其他 View (Buttons TextView 等)吗？或者，是否有其他一些完全更合乎逻辑的方式来做我正在尝试的事情，但我已经过去了？如果我有两个 SurfaceView，每个都有一个由线程控制的 Canvas，我将如何处理我拖动的位图可能同时部分“位于”两个 Canvas 区域的事实？ (我真的只想要一个屏幕大小的 Canvas，不是吗？)

程序添加的 SurfaceView，我们称它为 DollView，根据下面的布局 XML 添加到否则为空的嵌套 RelativeLayout。我继续通过向布局 XML 添加按钮来不断捏造东西，这些按钮以某种方式确实出现在 DollView 的顶部，并且不受 DollView Canvas 的连续绘制和重新绘制的影响。当我四处拖动一件衣服或娃娃的位图时，它会从这些按钮下方经过...并且如果我将位图拖动到 DollView 的父级 RelativeLayout 的指定宽度之外，我仍然可以“保持按住”它，并将它带回 View 中，但是，它并没有绘制到屏幕上。完全被那个难住了，尽管这是我现在最不关心的问题。

我可以向任何对这种疯狂感兴趣的人展示他们希望看到的尽可能多的代码。谢谢你的包容。我希望阅读它不会让您头疼，就像试图解释它让我头疼一样! :)

这是 Activity 的布局，在 OnCreate 中设置为内容 View :

<?xml version="1.0" encoding="utf-8"?>

 <TextView android:id="@+id/header_text" 
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:layout_alignParentTop="true"
    android:layout_alignParentLeft="true"
    android:text="Header text..." />

<!-- The extended SufaceView (DollView) is programatically added to this RelativeLayout -->
<RelativeLayout android:id="@+id/doll_layout"
    android:layout_width="350dip"
    android:layout_height="wrap_content"
    android:layout_below="@+id/header_text"
    android:layout_alignParentLeft="true" />

<TextView android:id="@+id/stats" 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:layout_below="@+id/header_text"
    android:layout_toRightOf="@+id/doll_layout"
    android:layout_alignParentRight="true"
    android:text="Stats text..." />     

<TableLayout android="@+id/stats_table"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_below="@+id/stats"
    android:layout_toRightOf="@+id/doll_layout"
    android:layout_alignParentRight="true">

<TableRow>
<TextView android:id="@+id/stat_one" 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="left"
    android:text="stat one..." />

<TextView android:id="@+id/stat_one_score" 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:text="0" />

<TextView android:id="@+id/stat_one_mod" 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="left"
    android:text=" " />

</TableRow>
<TableRow>
<TextView android:id="@+id/stat_two" 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="left"
    android:text="stat two..." />

<TextView android:id="@+id/stat_two_score" 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:text="0" /> 

<TextView android:id="@+id/stat_two_mod" 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="left"
    android:text=" " />
</TableRow>

<TableRow>
<Button android:id="@+id/stats_btn"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="stats" />

<Button android:id="@+id/info_btn"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="info" />

<Button android:id="@+id/help_btn"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="help" />
</TableRow>
</TableLayout>

<!-- A "dragged" bitmap from the DollView passes underneath this TextView.  Why? -->
<TextView android:id="@+id/doll_name"
    android:textSize="16sp"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/header_text"
    android:layout_alignParentLeft="true"
    android:text="" />

<!-- dragged bitmaps pass under all of these buttons too, apart from the last three
     nav buttons, as they're outside the DollView's width. 
     How would I make the dragged bitmaps pass OVER these objects, instead? --> 
<Button android:id="@+id/nav_btn1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_toLeftOf="@+id/nav_btn2"
    android:text="nav1" />

<Button android:id="@+id/next_btn"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_above="@+id/nav_btn1"
    android:layout_centerHorizontal="true"
    android:text="Next" />

<Button android:id="@+id/prev_btn"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_above="@+id/nav_btn1"        
    android:layout_toLeftOf="@+id/next_btn"
    android:text="Previous" />

<Button android:id="@+id/nav_btn2" 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_toLeftOf="@+id/nav_btn3"
    android:text="nav2" />

<Button android:id="@+id/nav_btn3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_toLeftOf="@+id/nav_btn4"
    android:text="nav3" />      

<Button android:id="@+id/nav_btn4"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_toLeftOf="@+id/nav_btn5"
    android:text="nav4" />

<Button android:id="@+id/nav_btn5"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_toLeftOf="@+id/nav_btn6"
    android:text="nav5" />

<Button android:id="@+id/nav_btn6" 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentRight="true"
    android:text="nav6" />

Answer 1

最好的方法是将您的表面 View 添加为 RelativeLayout 的子级。那么另一个 View 将是 RelativeView 的另一个 subview 。这样 Canvas 绘图就不会受到干扰。

http://groups.google.com/group/android-developers/browse_thread/thread/b3917e04d47fb27f?pli=1

public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
    requestWindowFeature(Window.FEATURE_NO_TITLE);
    this.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,WindowManager.LayoutParams.FLAG_FULLSCREEN);

    layout = new RelativeLayout(this);
    RocketView rocketView;
    rocketView = new RocketView(this);
    layout.addView(rocketView);
    setContentView(layout);
}