iOS Swift 给动画添加点击事件

当前View里面有两个View，绿色的bigView和红色的smallView，smallView在bigView里面。现在让bigView执行一段移动动画，然后给bigView添加点击事件，发现点击事件无效。

因为 iOS动画中的View点击事件无效 。

原因是iOS里几乎所有的View动画是都基于layer实现的，frame在动画开始会直接变成终点状态。动画过程中bigView的frame不会变化，也不能接收点击事件。添加点击事件可以在bigView的父view也就是当前view中重写touchesBegan() 方法，判断点击位置在哪个view里面。

添加完touchesBegan()，会发现点击bigView动画这个方法并不会触发，原因是动画中的layer会屏蔽触摸事件。这时有两种方法（效果相同）：

这样点击事件就会传递给当前view

接下来判断点击位置在哪个View里。

用 touch.location(in: self) 获取触摸点在当前view中的位置；用bigView.layer.presentation()?.frame可以获取动画中的layer的frame。

首先使用jQuery选择器获取到想要绑定click事件的img元素，然后可以直接绑定click方法，也可以通过bind方法绑定。这里详细介绍一下bind方法。

1.bind定义和用法：

bind() 方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。

2.将事件和函数绑定到元素：

规定向被选元素添加的一个或多个事件处理程序，以及当事件发生时运行的函数。

3.语法：$(selector).bind(event,data,function)

实例：

xml文件代码如下：

<Button

android:id="@+id/button1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Button1" />

<Button

android:id="@+id/button2"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Button2" />

四种方法分述如下：

匿名内部类：

public class TestButtonActivity extends Activity {

Button btn1, btn2

Toast tst

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState)

setContentView(R.layout.activity_test_button)

btn1 = (Button) findViewById(R.id.button1)

btn2 = (Button) findViewById(R.id.button2)

btn1.setOnClickListener(new OnClickListener() {

@Override

public void onClick(View v) {

// TODO Auto-generated method stub

Toast tst = Toast.makeText(TestButtonActivity.this, "111111111", Toast.LENGTH_SHORT)

tst.show()

}

})

btn2.setOnClickListener(new OnClickListener() {

@Override

public void onClick(View v) {

// TODO Auto-generated method stub

Toast tst = Toast.makeText(TestButtonActivity.this, "222222222", Toast.LENGTH_SHORT)

tst.show()

}

})

}

}

自定义单击事件监听类：

public class TestButtonActivity extends Activity {

Button btn1, btn2

Toast tst

class MyClickListener implements OnClickListener {

@Override

public void onClick(View v) {

// TODO Auto-generated method stub

switch (v.getId()) {

case R.id.button1:

tst = Toast.makeText(TestButtonActivity.this, "111111111", Toast.LENGTH_SHORT)

tst.show()

break

case R.id.button2:

tst = Toast.makeText(TestButtonActivity.this, "222222222", Toast.LENGTH_SHORT)

tst.show()

break

default:

break

}

}

}

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState)

setContentView(R.layout.activity_test_button)

btn1 = (Button) findViewById(R.id.button1)

btn2 = (Button) findViewById(R.id.button2)

btn1.setOnClickListener(new MyClickListener())

btn2.setOnClickListener(new MyClickListener())

}

}

Activity继承View.OnClickListener，由Activity实现OnClick(View view)方法，在OnClick(View view)方法中用switch-case对不同id代表的button进行相应的处理

public class TestButtonActivity extends Activity implements OnClickListener {

Button btn1, btn2

Toast tst

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState)

setContentView(R.layout.activity_test_button)

btn1 = (Button) findViewById(R.id.button1)

btn2 = (Button) findViewById(R.id.button2)

btn1.setOnClickListener(this)

btn2.setOnClickListener(this)

}

@Override

public void onClick(View v) {

// TODO Auto-generated method stub

switch (v.getId()) {

case R.id.button1:

tst = Toast.makeText(this, "111111111", Toast.LENGTH_SHORT)

tst.show()

break

case R.id.button2:

tst = Toast.makeText(this, "222222222", Toast.LENGTH_SHORT)

tst.show()

break

default:

break

}

}

}

最后一种是我今天看到的一种写法，在XML文件中“显示指定按钮的onClick属性，这样点击按钮时会利用反射的方式调用对应Activity中的click()方法”

<Button

android:id="@+id/button1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:onClick="onClick"

android:text="Button1" />

<Button

android:id="@+id/button2"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:onClick="onClick"

android:text="Button2" />

这里在输完android:的时候按下 Alt+/ 会有 onClick 属性的提示， 但输入到 android:onClick=“ 的地方按下 Alt+/ 并没有提示 onClick 选项，让我突然觉得这里好像有点问题。

public class TestButtonActivity extends Activity {

Button btn1, btn2

Toast tst

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState)

setContentView(R.layout.activity_test_button)

}

// 注意 这里没有 @Override 标签

public void onClick(View v) {

// TODO Auto-generated method stub

switch (v.getId()) {

case R.id.button1:

tst = Toast.makeText(this, "111111111", Toast.LENGTH_SHORT)

tst.show()

break

case R.id.button2:

tst = Toast.makeText(this, "222222222", Toast.LENGTH_SHORT)

tst.show()

break

default:

break

}

}

}

这种写法整个代码中都不用声明button就可以实现button的单击事件。

以上就是四种实现按钮单击事件的方法。

粗略总结一下，就是按钮少的时候用匿名内部类会比较快，比如写demo测试的时候或者登陆界面之类的。

按钮多的情况我还是选择第三种方法，方便。

关于第四种方法，我感觉最方便，但看了很多代码还是觉得写法不够大众化，感兴趣的朋友可以对此研究研究。相信会有不少收获。

---