如何在Android上使用触摸事件滑动按钮

Question

如何在Android触摸事件中使用左、右、上、下的方向来滑动按钮？我是Android新手，想要开发一个回调应用程序。请提供一些链接帮助我。

callbackButton.setOnTouchListener(new OnTouchListener() {

    private float currX;
    private float currY;

    @Override
    public boolean onTouch(View v, MotionEvent event) {

        float x1 = 0, x2, y1 = 0, y2, dx, dy , oldx =0,oldy=0;
        String direction;

        switch(event.getAction()) {

        case MotionEvent.ACTION_DOWN:
            oldx = event.getX();
            oldy = event.getY();
            break;

        case MotionEvent.ACTION_MOVE:

            x2 = event.getX();
            y2 = event.getY();
            dx = x2-x1;
            dy = y2-y1;

            // Use dx and dy to determine the direction
            if(Math.abs(dx) > Math.abs(dy)) {
                if(dx>0) {
                    direction = "right";
                    Log.e("right...","moving..");
                }else{
                    direction = "left";
                    Log.e("left...","moving..");
                }
            } else {
                if(dy>0) {
                    direction = "down";
                    Log.e("down...","moving..");

                    currX = event.getRawX();
                    currY = event.getRawY();

                    Log.e("x=", ""+(currX-oldx));
                    Log.e("y=", ""+(currY-oldy));

                    MarginLayoutParams marginParams = new MarginLayoutParams(v.getLayoutParams());
                    marginParams.setMargins((int)(currX-oldx), (int)(currY-oldy),0, 0);

                    RelativeLayout.LayoutParams layoutParams = new RelativeLayout.LayoutParams(marginParams);
                    v.setLayoutParams(layoutParams);
                } else {
                    direction = "up";
                    Log.e("up...","moving..");
                }
            }
        }
        return true;
    }
});

这是我关于ImageButton触摸移动的代码。但是这段代码并没有按照我的意愿运行。

- XylemRaj

---

这将会很有帮助：http://www.vogella.com/articles/AndroidTouch/article.html - Virag Brahme

请明确您的问题。"划动"是人们在触摸屏上用手指做出的手势。 - zapl

你的意思是在滑动时移动按钮吗？ - Viswanath Lekshmanan

是的，我想要在左右滑动时移动按钮。 - XylemRaj

@XylemRaj 了解一下 GestureDetector。 - pskink

Answer 1

在这里，您将找到有关如何处理触摸事件的说明：

http://developer.android.com/guide/topics/ui/ui-events.html

然后，在on touch方法中，您需要：

• 检测用户何时按下手指
• 存储手指的位置
• 检测用户何时移动
• 与之前的位置进行比较
• 检测用户何时停止触摸屏幕

示例（使用来自http://developer.android.com/training/graphics/opengl/touch.html的代码）：

@Override
public boolean onTouchEvent(MotionEvent e) {
    // MotionEvent reports input details from the touch screen
    // and other input controls. In this case, you are only
    // interested in events where the touch position changed.

    float x = e.getX();
    float y = e.getY();

        switch (e.getAction()) {
        case MotionEvent.ACTION_DOWN:
            mIsDown = true;
            break;
        case MotionEvent.ACTION_MOVE:

            float dx = x - mPreviousX;
            float dy = y - mPreviousY;

            // Here you can try to detect the swipe. It will be necessary to
            // store more than the previous value to check that the user move constantly in the same direction
            detectSwipe(dx, dy);

        case MotionEvent.ACTION_UP:
            mIsDown = false;
            break;
    }

    mPreviousX = x;
    mPreviousY = y;
    return true;
}

使用这个简单的例子，您甚至不需要在用户按下或松开手指时存储（因为移动意味着手指按下），但存储布尔值可能很有用。

祝您的应用程序好运。

编辑：

看起来您已经编辑了您的帖子并添加了一些代码。您说您没有得到预期的结果，但没有说明您得到了什么。这对我们帮助您可能是有用的。

您应该尝试找到已经存在的检测滑动手势的库。我相信有很多这样的库存在。

编辑2： 我假设您的按钮是一个简单的android.Button。 一种解决方法是创建一个扩展Button的类（例如：MySwipableButton）。在您的xml中，创建一个包含MySwipableButton的布局，并给它足够的空间来移动（例如，宽度为fill_parent，因为您希望它在整个屏幕上滑动）。 MySwipableButton实现onTouch以存储按钮应该处于的位置（使用您已经拥有的方法） MySwipableButton还将覆盖onDraw(Graphics g)。在onDraw中，您将在必须放置按钮的位置（关于当前滑动）绘制按钮（super.draw（）），并留下其余视图为空

- Basile Perrenoud

---

我想让一个简单的按钮向右和向左移动，但是我无法按照自己想要的方式移动它。 - XylemRaj

好的，你还没有告诉我你现在得到了什么。你的按钮移动了，但不是你想要的方式，还是什么也没发生？ 无论如何，我已经编辑了我的帖子，并建议实现一个可滑动的按钮。 - Basile Perrenoud

Answer 2

请查看我的blogspot，在其中我展示了基于onTouch事件的简单拖放图片。链接在这里。

编辑: 这里是完整代码:

首先在Eclipse中创建一个Android项目，并创建以下类和布局文件:

MainActivity.java

public class MainActivity extends Activity
{
private ImageView m_ivImage, m_ivImage1;
private int m_counter = 0;
float m_lastTouchX, m_lastTouchY, m_posX, m_posY, m_prevX, m_prevY, m_imgXB, m_imgYB, m_imgXC, m_imgYC, m_dx, m_dy;
private LinearLayout m_llTop;
private AbsoluteLayout m_alTop;
private Button m_btnAddView, m_btnRemove;
private Context m_context;

@Override
public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.main_layout);

m_context = this;

m_prevX = 0;
m_prevY = 0;
m_imgXB = 50;
m_imgYB = 100;
m_imgXC = 150;
m_imgYC = 100;

m_ivImage = (ImageView) findViewById(R.id.ivImage);
m_ivImage1 = (ImageView) findViewById(R.id.ivImage1);
m_llTop = (LinearLayout) findViewById(R.id.llTop);
m_alTop = (AbsoluteLayout) findViewById(R.id.alTop);
m_btnAddView = (Button) findViewById(R.id.btnAdd);
m_btnRemove = (Button) findViewById(R.id.btnRemove);

m_ivImage.setOnTouchListener(m_onTouchListener);
m_ivImage1.setOnTouchListener(m_onTouchListener);
m_btnAddView.setOnClickListener(m_onClickListener);
m_btnRemove.setOnClickListener(m_onClickListener);

}

OnClickListener m_onClickListener = new OnClickListener(){

@Override
public void onClick(View p_v)
{
switch (p_v.getId())
{
case R.id.btnAdd:
addView();
break;
case R.id.btnRemove:
removeView();
break;
default:
break;
}
}
};

OnTouchListener m_onTouchListener = new OnTouchListener(){

@Override
public boolean onTouch(View p_v, MotionEvent p_event)
{
switch (p_event.getAction())
{
case MotionEvent.ACTION_DOWN:
{
m_lastTouchX = p_event.getX();
m_lastTouchY = p_event.getY();
break;
}
case MotionEvent.ACTION_UP:
{
break;
}

case MotionEvent.ACTION_MOVE:
{
m_dx = p_event.getX() - m_lastTouchX;
m_dy = p_event.getY() - m_lastTouchY;

m_posX = m_prevX + m_dx;
m_posY = m_prevY + m_dy;

if (m_posX > 0 && m_posY > 0 && (m_posX + p_v.getWidth()) < m_alTop.getWidth() && (m_posY + p_v.getHeight()) < m_alTop.getHeight())
{
p_v.setLayoutParams(new AbsoluteLayout.LayoutParams(p_v.getMeasuredWidth(), p_v.getMeasuredHeight(), (int) m_posX, (int) m_posY));

m_prevX = m_posX;
m_prevY = m_posY;

}

break;
}
}
return true;
}
};

/**
* Add view dynamically for drag and drop
*/
private void addView()
{
ImageView m_img = new ImageView(m_context);
TextView m_tv=new TextView(m_context);
if (m_counter < 5)
{
if (m_counter % 2 == 0)
{
m_img.setBackgroundResource(R.drawable.bol_green);
m_tv.setText("Hello! Drag Me! ");
m_alTop.addView(m_tv, new LayoutParams(android.view.ViewGroup.LayoutParams.WRAP_CONTENT, android.view.ViewGroup.LayoutParams.WRAP_CONTENT, ((int) m_imgXB), ((int) m_imgYB)));
m_alTop.addView(m_img, new LayoutParams(android.view.ViewGroup.LayoutParams.WRAP_CONTENT, android.view.ViewGroup.LayoutParams.WRAP_CONTENT, ((int) m_imgXB), ((int) m_imgYB)));
}
else
{
m_img.setBackgroundResource(R.drawable.bol_paars);
m_alTop.addView(m_img, new LayoutParams(android.view.ViewGroup.LayoutParams.WRAP_CONTENT, android.view.ViewGroup.LayoutParams.WRAP_CONTENT, ((int) m_imgXC), ((int) m_imgYC)));
}
m_counter++;
if (m_counter == 5)
m_btnAddView.setEnabled(false);
}

m_img.setOnTouchListener(m_onTouchListener);
m_tv.setOnTouchListener(m_onTouchListener);
}

public void removeView()
{
m_counter = 0;
m_alTop.removeAllViews();
m_alTop.invalidate();
m_btnAddView.setEnabled(true);
}
}

main_layout.xml

<LinearLayout 
xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" android:id="@+id/llTop" 
    android:layout_width="fill_parent" android:layout_height="fill_parent" 
    android:orientation="vertical" > <AbsoluteLayout 
    android:id="@+id/alTop" android:layout_width="fill_parent" 
    android:layout_height="0dp" android:layout_margin="10dp" 
    android:layout_weight=".70" > <ImageView android:id="@+id/ivImage" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" android:layout_marginTop="10dp" 
    android:src="@drawable/ic_menu_share" android:visibility="gone" /> 
<ImageView android:id="@+id/ivImage1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" android:layout_marginLeft="10dp" 
    android:layout_marginTop="10dp" android:layout_x="193dp" 
    android:layout_y="29dp" android:src="@drawable/ic_launcher" /> 
</AbsoluteLayout> <LinearLayout android:layout_width="wrap_content" 
    android:layout_height="0dp" android:layout_gravity="center" 
    android:layout_weight=".30" > <Button android:id="@+id/btnAdd" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" android:layout_marginTop="10dp" 
    android:text="Add View" /> <Button android:id="@+id/btnRemove" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" android:layout_marginTop="10dp" 
    android:text="Remove View" android:visibility="visible" /> 
</LinearLayout> </LinearLayout>

这里是边界文件的XML代码，它显示了物体移动的布局边界。

<?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape>
        <stroke android:width="1dp" android:color="#000000"/>
        <corners 
            android:topLeftRadius="8dp" android:topRightRadius="8dp" 
            android:bottomLeftRadius="8dp" android:bottomRightRadius="8dp"/> 
        <padding android:left="0dp" android:top="0dp" android:right="0dp" 
            android:bottom="0dp"/> <gradient android:angle="270" 
            android:endColor="#FFFFFF" android:startColor="#FFFFFF" 
            android:type="linear" android:centerColor="#FFFFFF"/>
</shape>
    </item> 
</selector>

- GrIsHu