`

拖动一个控件在另一个控件(layout)上,并固定位置在几个位置显示

UP 
阅读更多


实现效果: 鼠标拖动btn SSS,SSS在水平的layout上移动。 当鼠标抬起 响应UP事件。SSS会自动移动到距离其最近的Btn上,与其重合。即SSS如图只存在五个固定的显示位置。

SSS响应setOnTouchListener事件。

在MotionEvent.ACTION_UP事件中,调用TranslateAnimation动画效果,将其从UP事件位置移动到最近的btn所在位置。

即在UP事件中,响应函数:

private void setPosition() {
            int positionPixel = (touchBtn.getLeft()+touchBtn.getRight())/2;
            int positionIndex = (positionPixel)/btn[1].getWidth();
            int toPosition = positionIndex*btn[1].getWidth()+touchBtn.getWidth()/2;        
            touchBtn.layout(positionIndex*btn[1].getWidth(), touchBtn.getTop(),positionIndex*btn[1].getWidth()+touchBtn.getWidth(), 
                            touchBtn.getBottom());            
            MoveAction = new TranslateAnimation(positionPixel - toPosition,0,0,0);
            MoveAction.setDuration(500);
            touchBtn.startAnimation(MoveAction);
//            touchBtn.invalidate();            
        }


动画效果,将其移动到最近位置上

或者也可以这样计算:
/**
*获得最佳停留位置
*/
private void setBestPosition(View v) {
		int width=v.getWidth();
        int left = v.getLeft();
        int selectedPosition = Math.round(1.0F*left/width);//四舍五入  
        int toPosition = selectedPosition*width;  
        v.layout(selectedPosition*width, v.getTop(),  
                selectedPosition*width+width, v.getBottom());  
        TranslateAnimation animation = new TranslateAnimation(left-toPosition,0,0,0);  
        animation.setInterpolator(new LinearInterpolator());    
        animation.setDuration(400);  
        animation.setFillAfter(true);    
        v.startAnimation(animation); 
//        v.invalidate();
    }


全代码:
public class App extends Activity{
	private static final String tag="App";
	private Context context;
	private FrameLayout container;
	private Button btn;
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        context=this;
        
        container=(FrameLayout)findViewById(R.id.container);
        
        btn=(Button)findViewById(R.id.btn);
        btn.setBackgroundResource(R.drawable.tabswitcher_short);
        btn.setOnTouchListener(touchLisener);
        btn.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				Log.i(tag,"btn clicked");
				
			}
		});
    }
    
    @Override
	protected void onResume() {
		// TODO Auto-generated method stub
		super.onResume();
	}

	OnTouchListener touchLisener=new OnTouchListener() {
    	int lastX, lastY;
		@Override
		public boolean onTouch(View v, MotionEvent event) {
			// TODO Auto-generated method stub
			switch (event.getAction()) {
			case MotionEvent.ACTION_DOWN:
				lastX = (int) event.getRawX();
                lastY = (int) event.getRawY();
				break;
			case MotionEvent.ACTION_MOVE:
				int dx = (int) event.getRawX() - lastX;  
//				int dy = (int) event.getRawY() - lastY;  
                int dy = 0;  

                int left = v.getLeft() + dx;  
                int top = v.getTop() + dy;  
                int right = v.getRight() + dx;  
                int bottom = v.getBottom() + dy;  

                if (left < 0) {  
                    left = 0;  
                    right = left + v.getWidth();  
                }  

                if (right > container.getMeasuredWidth()) {  
                    right = container.getMeasuredWidth();  
                    left = right - v.getWidth();  
                }  

                if (top < 0) {  
                    top = 0;  
                    bottom = top + v.getHeight();  
                }  

                if (bottom > container.getMeasuredHeight()) {  
                    bottom = container.getMeasuredHeight();  
                    top = bottom - v.getHeight();  
                }  

                v.layout(left, top, right, bottom);  

                lastX = (int) event.getRawX();  
                lastY = (int) event.getRawY();
				break;
			case MotionEvent.ACTION_UP:
				setBestPosition(v);
				break;

			default:
				break;
			}
			return false;
		}
	};
	
	private void setBestPosition(View v) {
		int width=v.getWidth();
        int left = v.getLeft();
        int selectedPosition = Math.round(1.0F*left/width);//四舍五入  
        int toPosition = selectedPosition*width;  
        v.layout(selectedPosition*width, v.getTop(),  
                selectedPosition*width+width, v.getBottom());  
        TranslateAnimation animation = new TranslateAnimation(left-toPosition,0,0,0);  
        animation.setInterpolator(new LinearInterpolator());    
        animation.setDuration(400);  
        animation.setFillAfter(true);    
        v.startAnimation(animation); 
//        v.invalidate();
    }
}

布局
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 	xmlns:app="http://schemas.android.com/apk/res/com.ql.app"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
    <TextView android:layout_width="fill_parent"
		android:layout_height="wrap_content"
		android:text="TEST DRAG"
		android:textSize="20sp"
		/>
		 <FrameLayout android:id="@+id/container"
		 android:layout_width="fill_parent"
	    android:layout_height="fill_parent"
	    android:layout_weight="1"
	    >
		    <Button android:id="@+id/btn"
		    android:layout_width="80dp"
			android:layout_height="wrap_content"
			android:text="drag me!"
		    />
	    </FrameLayout>
	    <EditText 
	    android:layout_width="fill_parent"
	    android:layout_height="wrap_content"
	    />
</LinearLayout>

但是这样有个问题:当点击EditText弹出输入法的时候,那个拖动条会回到初始的位置,这是何故?
  • 大小: 8.5 KB
分享到:
评论

相关推荐

    android控件在界面上自由拖动位置显示

    在Android开发中,实现控件在界面上自由拖动位置显示是一种常见的需求,可以提供更加灵活和用户友好的交互体验。本主题主要涉及的是如何在Android应用中创建一个自定义的拖动控件,允许用户自由调整控件在屏幕上的...

    DevExpress 在layoutcontrol内置控件上无法触发滚动解决方式

    在DevExpress的布局控件(LayoutControl)中,有时候用户可能会遇到一个常见的问题,即在内置的控件上无法通过鼠标滚轮触发滚动行为。这可能是由于默认的事件处理或控件设置导致的。本文将深入探讨这个问题,并提供17...

    android拖动控件,解决回到原点

    "android拖动控件,解决回到原点"这个标题揭示了一个常见问题:当用户拖动一个视图(View)后,由于父布局的刷新或其他原因,如ListView的滚动,拖动的视图可能会意外地返回到初始位置。这个问题的核心在于理解...

    Android随意拖动控件视图

    在Android开发中,让控件如按钮或图片可以随心所欲地拖动是一种常见的交互设计,这可以增强用户操作的自由度和体验感。本文将深入探讨如何实现这一功能,涉及的知识点主要包括Android控件触摸事件处理、坐标转换以及...

    C#实现运行时调整控件大小和位置

    你可以为每个控件单独添加事件处理程序,或者创建一个自定义控件类并在其中封装这些行为,这样可以简化代码并提高复用性。 总的来说,通过处理鼠标事件,结合Windows Forms或WPF提供的API,可以轻松实现C#应用程序...

    EXT 控件拖动例子

    在这个"EXT 控件拖动例子"中,我们将深入探讨EXTJS如何实现控件的拖放功能,以及如何在动态布局中运用这一特性。 EXTJS 提供了一个名为`Ext.dd.DragDrop`的接口,它使得在界面上的元素可以被拖动和放置。这个接口...

    安卓悬浮窗相关-实现控件能够在屏幕上随意拖动能够随意移动控件的位置.rar

    这个压缩包文件"安卓悬浮窗相关-实现控件能够在屏幕上随意拖动能够随意移动控件的位置.rar"似乎包含了一些关于如何创建和操作这种可拖动悬浮窗的代码示例。 首先,要实现一个安卓悬浮窗,我们需要使用到`SYSTEM_...

    C#程序实现控件位置大小随窗体变化而变化

    - 在Visual Studio的设计器中,可以通过直观地拖动控件并观察预览效果来设置锚定和自动调整大小属性,这使得布局调整变得更加简单和快速。 6. **性能考虑**: - 虽然动态调整控件大小和位置能提供更好的用户体验...

    Android 控件拖动

    为了提高用户体验,可以在拖动过程中添加平滑动画,或者在ACTION_UP后执行一个渐变动画,让控件平滑地回到原点或新的位置。 总结,实现Android控件的拖动涉及了触摸事件处理、拖放监听、坐标计算以及边界检测等多个...

    Android 动态生成多个控件并实现点击

    - 如果需要动态生成多个同类型的控件,可以使用循环结构,如`for`或`while`,在每次迭代中创建并设置一个新的控件。 - 可以创建一个数组或列表来存储所有创建的控件,便于后续操作,如更新控件状态、移除控件等。 ...

    自定义ImageView控件,具有缩放和拖拽功能

    此外,为了让自定义控件能够像普通的ImageView一样在布局文件中使用,我们需要在res/layout/目录下创建一个xml布局文件,并在其中声明我们的自定义控件,同时设置属性,如图片资源等: ```xml android:layout_...

    QT界面怎么使控件随窗口大小变化一直居中显示-百度经验1

    2. **设置垂直布局**:在QLabel的上下方各添加一个竖直的弹簧(Spacer),选中这三个控件(QLabel和两个弹簧),然后选择`Qt Designer`菜单中的`布局` -&gt; `垂直布局`。这样,QLabel会在垂直方向上保持居中。 3. **...

    安卓拖动控件资源

    在Android开发中,拖动控件(Draggable Views)是一种常见的交互元素,它允许用户通过手势操作移动界面内的元素,增强了用户体验。本资源"安卓拖动控件资源"聚焦于自定义拖动扩展网格(DragExpandGrid),这可能是一...

    MFC控件自适应窗体改变大小

    在提供的压缩包文件“自适应窗体”中,可能包含了一个示例程序,演示了如何使用上述方法之一或结合多种方法实现控件自适应。通过研究和学习这个程序,你可以更好地理解MFC中控件自适应的实现原理,并将其应用于自己...

    一文讲清Python PyQt5的控件如何实现拖放获取文件路径(markdown)

    当用户从文件管理器或其他支持拖放的程序中拖动文件到这个控件上时,文件路径就会自动显示在QLineEdit中。 将这个功能整合到你的项目中,只需要将`DragDropLineEdit`替换掉原来的QLineEdit实例。例如,如果你有一个...

    Android控件拖动

    在Android开发中,实现控件的拖动是一项常见的需求,特别是在设计交互丰富的用户界面时。本文将深入探讨如何在Android中实现控件的拖动功能,包括基本原理、步骤以及可能遇到的问题。 首先,理解控件拖动的基本原理...

    一个滑动刻度尺选择控件

    3. **计算布局**:根据控件的大小和刻度尺的最小最大值,计算出每个刻度线的位置,确保它们均匀分布在屏幕上。 4. **触摸事件处理**:重写`onTouchEvent()`方法,监听用户的触摸行为。当用户触摸屏幕并滑动时,更新...

    C#.net控件自由拖动

    如果你需要在一个容器控件(如`Form`或`Panel`)中实现所有子控件的拖动,你需要在容器控件上实现这些事件,并处理其子控件的`Layout`事件,以确保在拖动后控件的相对位置保持不变。 在项目"**...

    Android控件大全以及各布局控件的使用方式

    - **简介**:根据其他控件的位置来确定子控件的位置。 - **属性**: - `android:layout_alignParentStart`:与父元素对齐。 - **示例**: ```xml android:layout_width="match_parent" android:layout_height=...

    解决Android Studio Design界面不显示layout控件的问题

    在Android Studio 3.1.3版本中,设计界面中拖拽控件不显示的问题是一个常见的问题。解决方法是,在Styles.xml文件中,添加Base.Theme.AppCompat.Light.DarkActionBar主题,并在style标签中添加item标签,设置不同的...

Global site tag (gtag.js) - Google Analytics