这是eoe上的一篇帖子,地址如下:高仿 WIN8系统 磁贴点击下沉倾斜效果。效果就是点击一个图片的时候,图片会在点击的位置下沉。如图:
其实,效果还是很不错的,至少也像path菜单那样,颠覆了传统的导航,给人耳目一新的感觉,比较新颖。所以,就运行一下看看效果到底怎么样。那片文章默认给的源码只有点击效果,没有提供进入另一个Activity的代码。但是,实际应用中我们是要点击后进入其他的Activity。
之后,我就按照常规思路为每一个图片设置一个onClickListener。代码如下:
import mobile.android.view.MyImageView;
import mobile.android.view.MyImageView.OnViewClick;
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
public class MainActivity extends Activity {
private MyImageView joke;
private MyImageView constellation;
private MyImageView creative;
private MyImageView recommend;
private Intent intent;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
this.requestWindowFeature(0);
setContentView(R.layout.main);
initImageListener();
}
private void initImageListener() {
joke = (MyImageView) findViewById(R.id.c_joke);
constellation = (MyImageView) findViewById(R.id.c_constellation);
creative = (MyImageView) findViewById(R.id.c_idea);
recommend = (MyImageView) findViewById(R.id.c_recommend);
joke.setOnClickIntent(new OnViewClick() {
@Override
public void onClick() {
intent=new Intent(MainActivity.this,OtherActivity.class);
startActivity(intent);
}
});
}
}
这样理论上当我们点击id为c_joke的图片时,应该产生磁贴点击下沉倾斜效果。而事实上是,点击边缘会产生这样的效果,但是当点击中央部分会进入OtherActivity两次。这个大家可以自己下载代码去试验。所以,就想这可能是一个bug,修改一下代码吧。
源代码中有一段这样的代码 :
private Handler handler = new Handler() {
private Matrix matrix = new Matrix();
private float s;
int count = 0;
@Override
public void handleMessage(Message msg) {
super.handleMessage(msg);
matrix.set(getImageMatrix());
switch (msg.what) {
case 1:
if (!isFinish) {
return;
} else {
isFinish = false;
count = 0;
s = (float) Math.sqrt(Math.sqrt(minScale));
BeginScale(matrix, s);
handler.sendEmptyMessage(2);
}
break;
case 2:
BeginScale(matrix, s);
if (count < 4) {
handler.sendEmptyMessage(2);
} else {
isFinish = true;
<font color="\"Red\"">if(!isActionMove&&onclick!=null){
onclick.onClick();
}</font>
}
count++;
break;
case 6:
if (!isFinish) {
handler.sendEmptyMessage(6);
} else {
isFinish = false;
count = 0;
s = (float) Math.sqrt(Math.sqrt(1.0f / minScale));
BeginScale(matrix, s);
handler.sendEmptyMessage(2);
}
break;
}
}
这段代码简单的说就是处理点击中间部分下沉效果的handler,看的出来你在点击的时候图片会缩小和扩大,从代码中可以看出缩小和扩大的finish都是在执行到case 2才完成的,我们可以看到case 2 中的一段代码:
这就是监听效果,!isActionMove&&onclick!=null应该就是叛变是否监听到的依据,本来这个代码的作用应该是缩小时,!isActionMove&&onclick!=null应该是false,扩大后是true,这样就只监听一次了,但我也不知道有什么问题,貌似起不到效果。其实,我们只需要在代码开始处重新定义一个private boolean clickGuolv = false; 然后把上面的代码替换为:
if(clickGuolv){
clickGuolv = false;
onclick.onClick();
} else{clickGuolv = true;}
这样, 每次第一次图片缩小时由于clickGuolv = false,所以不会监听到,图片扩大完,程序执行到此处clickGuolv = true,产生监听。
问题得到了解决,但是我想作者不会连这个问题都考虑不到吧。所以尝试换了另一种方法来设置监听事件。就是在xml布局文件里为每一个image设置onclik事件。代码如下:
if(!isActionMove&&onclick!=null){
onclick.onClick();
<mobile.android.view.MyImageView
android:id="@+id/personal"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="2dp"
android:onClick="personal"
android:scaleType="matrix"
android:src="@drawable/myzone" />
}
这样在主Activity里面就可以这样调用了:
import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.view.Menu;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.TranslateAnimation;
import android.widget.ImageView;
public class MainActivity extends Activity {
private Intent intent;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.test);
initImageView();
}
public void personal(View v) {
intent = new Intent(MainActivity.this, PersonalActivity.class);
startActivity(intent);
}
public void online(View v) {
intent = new Intent(MainActivity.this, StudyOnLineActivity.class);
startActivity(intent);
}
public void recommend(View v) {
intent = new Intent(MainActivity.this, RecommendActivity.class);
startActivity(intent);
}
public void social(View v) {
intent = new Intent(MainActivity.this, SocialActivity.class);
startActivity(intent);
}
}
换成这种方式后,就不会产生上面的bug了。至于具体原因,我也不清楚,没有研究过onclick源码。有过这方面经验的朋友希望可以指点迷津,不胜感激。