当我使用图库小部件时,如何让图像显示向上扩展&选择焕发,缩小& 取消选择时取消发光?
我见过的所有教程都有这种效果,但我无法看到它......
是否有某种动画我必须附加到图库?
答案 0 :(得分:15)
希望这有帮助。我设法使用Gallery
小部件“模拟”缩小/增长解决方案。由于他们删除了getScale()
,事情变得有点复杂。我认为这根本不是最好的解决方案,但至少我可以忍受它。
我发现Gallery
管理焦点非常糟糕。因此,第一种方法是在显示的ImageView
上添加焦点更改侦听器,但没有运气。焦点是那里的MESS ......就所选择的图像而言,它不是当前聚焦的视图。我已经向android-developers邮件列表发送了一封邮件,内容是关于API doc的一些错误(关于focusSearch()
方法和一些焦点内容)。
以下是我对此问题的解决方案:
构建动画资源以“增长”图像:
<?xml version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android"
android:fromXScale="1.0"
android:toXScale="1.10"
android:fromYScale="1.0"
android:toYScale="1.10"
android:duration="300"
android:pivotX="50%"
android:pivotY="50%"
android:interpolator="@android:anim/accelerate_decelerate_interpolator"
android:fillAfter="false"/>
如果你没有明白这意味着那么你应该继续阅读this
这将是我们的'成长'效果,您需要将其保存在:res/anim/grow.xml
或其任何名称(但始终在res / anim目录中)。
您可以按照here中的资源指南创建Gallery
视图。每次ImageAdapter
对象调用ImageView
时,Gallery
都会构建getView()
。您可以实施的一种解决方法是在getView()
方法中添加一行,用View
标识position
,这样:
...
i.setId(position);
...
将该行添加到getView()
对象的ImageAdpater
方法中,然后您可以明确地在侦听器中标识该视图,例如:
g.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
public void onItemSelected (AdapterView<?> parent, View v, int position, long id) {
Animation grow = AnimationUtils.loadAnimation(YourActivity.this, R.anim.grow);
View sideView = parent.findViewById(position - 1);
if (sideView != null)
((ImageView)sideView).setLayoutParams(new Gallery.LayoutParams(150, 100));
sideView = parent.findViewById(position + 1);
if (sideView != null)
((ImageView)sideView).setLayoutParams(new Gallery.LayoutParams(150, 100));
v.startAnimation(grow);
v.setLayoutParams(new Gallery.LayoutParams(170, 150));
}
public void onNothingSelected (AdapterView<?> parent) {
System.out.println("NOTHING SELECTED");
}
});
注意:您可能会注意到我手头已经选择了动画和布局参数中的所有值。这是因为我不打算为你清理代码。而且,这只是这个小部件或android视图系统的BAD焦点问题的解决方法。如果焦点是正确的,那么,你需要做的就是设置一个焦点变化监听器,当焦点变焦/未聚焦时,它会使gros /收缩。
我希望这可以帮助您找到解决问题的方法,
此致
新编辑:这是我设置的监听器,我还在i.clearAnimation()
方法中添加了行getView()
:
private class SelectListener implements AdapterView.OnItemSelectedListener {
private Animation grow;
private int last;
public SelectListener() {
grow = AnimationUtils.loadAnimation(RouteGallery.this, R.anim.grow);
last = 0;
}
public void onItemSelected (AdapterView<?> parent, View v, int position, long id) {
View sideView = parent.findViewById(last);
if (sideView != null && last != position)
sideView.clearAnimation();
v.startAnimation(grow);
last = position;
}
public void onNothingSelected (AdapterView<?> parent) {
}
}
答案 1 :(得分:4)
您需要使用ImageSwitcher。 ImageSwitcher具有设置输入和输出动画的方法(选择和取消选择图像,或选择和替换图像时)。
following link有一个很好的教程,介绍如何将它与图库结合使用。
答案 2 :(得分:2)
我实现了类似这样的动画:
final Animation shrink = AnimationUtils.loadAnimation(activity, R.anim.shrink);
shrink.setFillAfter(true);
gallery.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
@Override
public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
// This iterates through the views which are currently displayed on screen.
for (int k=0; k<gallery.getChildCount(); k++){
// Do whatever else you want, here.
// This is how you get a particular element of a view
ImageView background = (ImageView) gallery.getChildAt(k).findViewById(R.id.menu_item_background);
//clear animation
gallery.getChildAt(k).clearAnimation();
}
// Scale the selected one
view.startAnimation(shrink);
}
@Override
public void onNothingSelected(AdapterView<?> adapterView) {}
});