Android拖拽View时出现间隙问题求助

问题描述 #

LinearLayout包含左右两个子View，静态状态下显示无间隙，但通过View.OnTouchListener执行拖拽操作时，子View之间会出现狭窄的垂直间隙。

问题根源 #

使用animate().xBy()进行拖拽时，属性动画的浮点数精度计算偏差会导致子View在渲染时出现像素级偏移；同时动画队列的异步处理逻辑可能和布局计算不同步，最终引发间隙问题。

解决方案 #

最直接有效的方式是替换属性动画为直接操作translationX属性，彻底规避动画框架的精度误差：

修改后的MainActivity.kt代码

class MainActivity : AppCompatActivity(), View.OnTouchListener {
    private lateinit var knobView: LinearLayout
    private lateinit var knobLeftView: View
    private lateinit var knobRightView: View
    private var currentX = 0F

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        knobLeftView = findViewById(R.id.knob_left)
        knobRightView = findViewById(R.id.knob_right)
        knobView = findViewById(R.id.knob)
        knobView.setOnTouchListener(this)
    }

    override fun onTouch(view: View, event: MotionEvent): Boolean {
        val destX = event.rawX
        when (event.action) {
            MotionEvent.ACTION_DOWN -> {
                currentX = destX
            }
            MotionEvent.ACTION_MOVE -> {
                val deltaX = destX - currentX
                // 直接操作translationX替代属性动画
                knobView.translationX += deltaX
                currentX = destX
            }
        }
        return true
    }
}

辅助优化（可选）

在LinearLayout的XML配置中添加以下属性，确保系统不会自动添加分割线：

<LinearLayout
    android:id="@+id/knob"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:orientation="horizontal"
    android:showDividers="none"
    android:divider="@null">

原理说明 #

translationX是View的直接偏移属性，修改后会立即反映到布局渲染中，没有属性动画的中间计算环节，从根源上避免了浮点数精度导致的像素间隙问题，同时操作性能更高效。

内容的提问来源于stack exchange，提问作者kc_dev