布局与动态位置

时间:2010-09-10 10:02:39

标签: android layout surfaceview ontouchlistener

我的布局可能有点不寻常。结构如下:

<?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>

我的CustomRelativeLayout:

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小,应该在我触摸后“滑动”......

有两个问题:

  1. onTouchListener绑定到mLinearLayout(在CustomRelativeLayout中)仅触发一次且仅针对ACTION_DOWN。我只看到日志输出一次
  2. 音符永远不会改变位置,它永远不会随着改变的矩阵重新绘制......我看到onDraw中的输出在触摸发生后从未发生过。
  3. 首先可能是因为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宽度/高度内可见在内部LinearLayout中。因此,即使我将其设置为fill_parent,它也不是wrap_content,而是fill_parent。因此layout_widthlayout_height仅在设置背景时使用给定的fill_parent ...已... ...

1 个答案:

答案 0 :(得分:2)

问题是你在onTouch事件中返回false - 所以,你基本上告诉它你对任何后续事件都不感兴趣。

将其更改为返回true。