基本上我正在实现一个油漆应用程序,因此我进行了自定义视图来处理事件并在画布上绘制。现在,我想实时显示在文本视图上绘制的点的坐标。因此,我正在尝试将ViewModel与Livedata一起进行更新。但是我不知道一种将信息从我的自定义视图提供到ViewModel的方法。你会怎么做?我还尝试使用BindingAdapter,但找不到这样做的方法。
在这里,我的自定义视图的代码:
class PaintView(context: Context, attrs: AttributeSet): View(context,attrs) {
var params: LayoutParams
private val path : Path = Path()
private val brush: Paint = Paint()
init {
params = LayoutParams(LayoutParams.MATCH_PARENT,
LayoutParams.WRAP_CONTENT)
brush.isAntiAlias = true
brush.color = Color.BLACK
brush.style = Paint.Style.STROKE
brush.strokeJoin = Paint.Join.ROUND
brush.strokeWidth = 8f
}
override fun onTouchEvent(event: MotionEvent): Boolean {
val pointX = event.x
val pointY = event.y
when (event.action) {
MotionEvent.ACTION_DOWN -> {
path.moveTo(pointX, pointY)
return true
}
MotionEvent.ACTION_MOVE -> {
path.lineTo(pointX, pointY)
}
else -> return false
}
postInvalidate()
return false
}
fun clearPath(){
path.reset()
invalidate()
}
public override fun onDraw(canvas: Canvas) {
canvas.drawPath(path, brush)
}
}
这是我在此文章之后发现的一个绑定适配器:Android数据绑定View.OntouchListener。我可以记录点协调,但是我无法将它们发送到我的ViewModel,所以现在很空。
@BindingAdapter("touchListener")
fun setTouchListener(self: View, bool: Boolean) {
self.setOnTouchListener(
object : View.OnTouchListener {
override fun onTouch(view: View, event: MotionEvent): Boolean {
val pointX = event.x
val pointY = event.y
when (event.action) {
MotionEvent.ACTION_DOWN -> {
Log.i("Points", " ($pointX, $pointY)")
}
MotionEvent.ACTION_MOVE -> {
Log.i("Points", " ($pointX, $pointY)")
}
MotionEvent.ACTION_UP -> {
Log.i("Points", " ($pointX, $pointY)")
}
}
return false
}
})
}
很抱歉在Java中分享此内容...但是我想您可以捕获Ideia。
在CustomView上,创建一个自定义接口:
public class PaintView {
private OnCoordinateUpdate mCoordinatesListener;
override fun onTouchEvent(event: MotionEvent): Boolean {
val pointX = event.x
val pointY = event.y
....
if(listener != null) {
listener.onUpdate(pointX, pointY);
}
}
...
public void setCoordinatesListener(OnCoordinateUpdate listener) {
mCoordinatesListener = listener;
}
public interface OnCoordinateUpdate {
void onUpdate(int x, int y);
}
}
然后,关于您的活动:
public class MainActivity {
...
mPaintView.setCoordinatesListener(new PaintView.OnCoordinateUpdate {
@Override
void onUpdate(int x, int y) {
if(mTextView != null) {
mTextView.setText("X: " + x + " Y: " + y);
}
}
});
}
以这种方式,您的PaintView
可以随时调用onUpdate
。然后,在您的活动中,每次调用onUpdate
时,TextView都会更新其内容。
我猜这是一种很好的方法,因为您创建了一个自定义界面(OnCoordinateUpdate
(,并且仅对您的自定义视图才有意义。
最后,它以以下方式工作。我从上一篇文章中汲取了灵感,只是使用Binded ViewModel来调用功能,然后获取数据。
这是主攻击代码:
class MainActivity : AppCompatActivity () {
private lateinit var binding: ActivityMainBinding
private lateinit var viewModel: PaintViewModel
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
binding = DataBindingUtil.setContentView(this, R.layout.activity_main)
viewModel = ViewModelProviders.of(this).get(PaintViewModel::class.java)
binding.viewmodel = viewModel
binding.paintView.setCoordinatesListener(object :
PaintView.OnCoordinateUpdate {
override fun onUpdate(x: Float, y: Float) {
binding.textView.text = "X: $x nY: $y"
binding.viewmodel?.onUpdateCoordinate(x,y)
}
})
binding.clearButton.setOnClickListener { binding.paintView.clearPath() }
}
}
这是ViewModel代码,挑战是在ViewModel中调用onupdate函数。
class PaintViewModel : ViewModel() {
private val _pointX = MutableLiveData<Float>()
private val _pointY = MutableLiveData<Float>()
val pointX : LiveData<Float> = _pointX
val pointY : LiveData<Float> = _pointY
init {
_pointX.value = 0f
_pointY.value = 0f
}
fun onUpdateCoordinate(x: Float, y: Float) {
_pointX.value = x
_pointY.value = y
}
}