[英]Passing Event Information from Custom View to ViewModel
基本上,我正在實現繪畫應用程序,因此我制作了一個自定義視圖來處理事件並在畫布上繪制。 現在,我想實時顯示在TextView上繪制的點的坐標。 因此,我嘗試將ViewModel與LiveData一起使用來進行更新。 但是我想不出一種方法,可以將自定義View中的信息提供給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中分享此內容...但是我想您可以抓住這個想法。
在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
),它僅對您的自定義視圖有意義。
最終,它按照以下方式工作。 我從前一篇文章中汲取了靈感,只是使用綁定的viewmodel調用一個函數然后獲取數據。
這是MainActivity代碼:
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
}
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.