我有一个可能有点不寻常的布局。结构如下:
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >
<org.CustomSurfaceView
android:id="@+id/page_flip"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginBottom="20dip" />
<org.customRelativeLayout
android:id="@+id/note"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:visibility="gone" />
</FrameLayout>
我在 XML 底部的 customRelativeLayout 也有一个 XML 布局:
<?xml version="1.0" encoding="UTF-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="200dp"
android:layout_height="200dp"
android:background="@drawable/my_background"
android:id="@+id/note_layout">
<TextView android:id="@+id/note"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:singleLine="false"
android:layout_margin="5dp"
android:textColor="#000000" />
</LinearLayout>
我的自定义相对布局:
public class CustomRelativeLayout extends RelativeLayout implements OverlayView {
private TextView mNoteText;
private LinearLayout mLinearLayout;
public int mX = 0;
public int mY = 0;
public boolean mShow;
public CustomRelativeLayout(Context context, AttributeSet attrs) {
super(context, attrs);
LayoutInflater li = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
li.inflate(R.layout.note, this);
mNoteText = (TextView) findViewById(R.id.note);
mLinearLayout = (LinearLayout) findViewById(R.id.note_layout);
mLinearLayout.setOnTouchListener(new OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
Log.e("touched");
mX = (int) event.getX() - 100;
mY = (int) event.getY() - 100;
invalidate();
return false;
}
});
}
@Override
public void hide() {
mShow = false;
setVisibility(View.GONE);
}
@Override
public boolean isVisible() {
return isVisible();
}
@Override
protected void onDraw(Canvas canvas) {
Log.e("Drawing the postit");
Matrix matrix = new Matrix();
matrix.postTranslate(mX, mY);
canvas.setMatrix(matrix);
super.onDraw(canvas);
}
@Override
public void setContent(Object content) {
if (content != null && content instanceof Content) {
Content noteContent = (Content) content;
if (noteContent.getText() != null) {
mNoteText.setText(noteContent.getText());
} else {
mNoteText.setText("");
}
}
mNoteText.invalidate();
mLinearLayout.invalidate();
}
@Override
public void show() {
mShow = true;
setVisibility(View.VISIBLE);
}
}
我想要做什么:我希望能够改变我的 CustomRelativeLayout 的位置。它应该跟随我的触摸。它比 SurfaceView 小,应该在我触摸后“滑动”到上面......
有两个问题:
- 绑定到 mLinearLayout(在 CustomRelativeLayout 中)的 onTouchListener 仅触发一次,并且仅针对 ACTION_DOWN。我只看到一次日志输出
- 笔记永远不会改变位置,它永远不会用改变的矩阵重绘......我看到在
onDraw
触摸发生后从未出现过的输出。
首先可能是因为 SurfaceView 也处理触摸事件。但我认为如果 CustomRelativeLayout 先处理它,它应该可以工作。
一些想法?
编辑解决方案
多亏了 Xil3,我才能够移除我遇到的墙......这是我的解决方案:
我的笔记xml:
<?xml version="1.0" encoding="UTF-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@android:color/transparent">
<LinearLayout android:layout_width="200dp"
android:layout_height="200dp"
android:background="@drawable/postit"
android:id="@+id/textnote_layout">
<TextView android:id="@+id/textnote_content"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:singleLine="false"
android:layout_margin="5dp"
android:textColor="#000000" />
</LinearLayout>
</LinearLayout>
这是我的构造函数:
public TextNoteOverlay(Context context, AttributeSet attrs) {
super(context, attrs);
LayoutInflater li = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
li.inflate(R.layout.textnote, this);
mNoteText = (TextView) findViewById(R.id.textnote_content);
mLinearLayout = (LinearLayout) findViewById(R.id.textnote_layout);
setOnTouchListener(new OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
mLinearLayout.getHitRect(mNoteRect);
if (mNoteRect.contains((int) event.getX(), (int) event.getY())) {
if (event.getAction() == MotionEvent.ACTION_DOWN) {
mStartX = (int) event.getX() - mLinearLayout.getLeft();
mStartY = (int) event.getY() - mLinearLayout.getTop();
return true;
}
mX = (int) event.getX() - mStartX;
mY = (int) event.getY() - mStartY;
mLinearLayout.layout(mX, mY, mX + mLinearLayout.getWidth(), mY + mLinearLayout.getHeight());
return true;
}
return false;
}
});
}
我还发现了一个错误/功能/问题,这对我来说绝对是新的:当我删除笔记根元素中的背景(当前是透明的)时,笔记仅在我在内部设置的 200dp 宽度/高度内可见线性布局。所以它不是fill_parent
,它wrap_content
就像我设置的那样fill_parent
。因此layout_width
,layout_height
仅fill_parent
在设置背景时使用给定的...奇怪...