如何使Rotate3dAnimation更加平滑？
在我的应用中，我使用Rotate3dAnimation来显示Google地图。代码工作正常，但动画不流畅，旋转视图时也可以看到一些线条。请看一下我的代码并建议我如何让这个动画更顺畅？我们高度赞赏以任何其他有效方式实现此类动画的建议。 
public class EventsActivity extends MapActivity implements DialogInterface.OnDismissListener {
private EventsItemModel eventsItemModel;
private Integer eventItemId;
private Integer eventCategoryId;
private static MapOverlay mapOverlay;
Drawable marker;
Context context;
private static String MY_LOCATION = "My Location";
private ViewGroup mContainer;
private ImageView mImageView;
private MapView mMapView;
private static boolean isFlipped = false;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.event_item_detail);
mContainer = (ViewGroup) findViewById(R.id.event_container);
// Since we are caching large views, we want to keep their cache
// between each animation
mContainer.setPersistentDrawingCache(ViewGroup.PERSISTENT_ANIMATION_CACHE);
mMapView = (MapView) findViewById(R.id.mapview);
mImageView = (ImageView) findViewById(R.id.mapPreview);
mImageView.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
isFlipped = true;
applyRotation(1, 0, 90);
}
});
try {
eventCategoryId = getIntent().getIntExtra(AppConstants.EVENT_CATEGORY, 0);
eventItemId = getIntent().getIntExtra(AppConstants.EVENT_ID, 0);
}
catch (Exception e) {
e.printStackTrace();
}
}
public void onResume() {
super.onResume();
WeakReference<EventsActivity> weakContext = new WeakReference<EventsActivity>(this);
EventsAsyncTask task = new EventsAsyncTask(weakContext);
task.execute(eventItemId, eventCategoryId);
}
public void onTaskComplete(EventsItemModel eiModel) {
this.eventsItemModel = eiModel;
TextView calTitle = (TextView) findViewById(R.id.news_title);
TextView eventTitle = (TextView) findViewById(R.id.cal_event_title);
TextView calDate = (TextView) findViewById(R.id.cal_date);
TextView calTime = (TextView) findViewById(R.id.cal_time);
TextView calAddress = (TextView) findViewById(R.id.cal_address);
TextView calDescription = (TextView) findViewById(R.id.cal_description);
try {
calTitle.setText(eventsItemModel.getEventsCategory().getTitle());
calTitle.setVisibility(View.VISIBLE);
eventTitle.setText(eventsItemModel.getEventTitle());
calDate.setText(eventsItemModel.getFormattedDateRange());
// TODO:Format start and end time
calTime.setText("Time: " + eventsItemModel.getFormattedStartTime() + " - " + eventsItemModel.getFormattedEndTime());
calAddress.setText(eventsItemModel.getAddress());
calDescription.setText(eventsItemModel.getDescription());
System.out.println("<<<<<<<<< EventsActivity >>>>>>>>> isRead? " + eventsItemModel.getReadUnread());
eventsItemModel.setReadUnread(true);
System.out.println("<<<<<<<<<< EventsActivity >>>>>>>>>> isRead? " + eventsItemModel.getReadUnread());
}
catch (Exception e) {
e.printStackTrace();
}
mMapView.setBuiltInZoomControls(true);
setMapParameters();
createItemizedOverlay();
setLocationMarker(createMarker(R.drawable.location_marker));
showLocationPointOnMap();
}
@Override
public void onDismiss(DialogInterface dialog) {
}
@Override
protected boolean isRouteDisplayed() {
return false;
}
public void createItemizedOverlay() {
mapOverlay = new MapOverlay(this);
}
public void setLocationMarker(Drawable marker) {
mapOverlay.setLocationMarker(marker);
}
public void showLocationPointOnMap() {
GeoPoint geoPoint = new GeoPoint(0, 0);
if (eventsItemModel != null && eventsItemModel.getLatitude() != null && eventsItemModel.getLatitude().length() > 0 && eventsItemModel.getLongitude() != null
&& eventsItemModel.getLongitude().length() > 0) {
try {
geoPoint = new GeoPoint((int) (Double.parseDouble(eventsItemModel.getLatitude()) * 1E6), (int) (Double.parseDouble(eventsItemModel.getLongitude()) * 1E6));
}
catch (NumberFormatException e) {
e.printStackTrace();
}
OverlayItem item = new OverlayItem(geoPoint, MY_LOCATION, null);
mapOverlay.addItem(item);
mMapView.getOverlays().add(mapOverlay);
// move to location
mMapView.getController().animateTo(geoPoint);
// redraw map
mMapView.postInvalidate();
}
}
public void setStreetView(boolean isStreetView) {
mMapView.setStreetView(isStreetView);
}
public void setSatelliteView(boolean isSatelliteView) {
mMapView.setSatellite(isSatelliteView);
}
public void setZoom(int zoomLevel) {
mMapView.getController().setZoom(zoomLevel);
}
private void setMapParameters() {
// setStreetView(true);
// setSatelliteView(false);
setZoom(17);
}
private Drawable createMarker(int iconID) {
// Initialize icon
Drawable icon = getResources().getDrawable(iconID);
icon.setBounds(0, 0, icon.getIntrinsicWidth(), icon.getIntrinsicHeight());
return icon;
}
@Override
protected void onStop() {
// TODO Auto-generated method stub
super.onStop();
}
@Override
protected void onPause() {
// TODO Auto-generated method stub
super.onPause();
}
/**
* Setup a new 3D rotation on the container view.
*
* @param position
* the item that was clicked to show a picture, or -1 to show the list
* @param start
* the start angle at which the rotation must begin
* @param end
* the end angle of the rotation
*/
private void applyRotation(int position, float start, float end) {
// Find the center of the container
final float centerX = mContainer.getWidth() / 2.0f;
final float centerY = mContainer.getHeight() / 2.0f;
// Create a new 3D rotation with the supplied parameter
// The animation listener is used to trigger the next animation
final Rotate3dAnimation rotation = new Rotate3dAnimation(start, end, centerX, centerY, 310.0f, true);
rotation.setDuration(500);
rotation.setFillAfter(true);
rotation.setInterpolator(new AccelerateInterpolator());
rotation.setAnimationListener(new DisplayNextView(position));
mContainer.startAnimation(rotation);
}
/**
* This class listens for the end of the first half of the animation. It then posts a new action that effectively swaps the views when the container is rotated 90 degrees and thus invisible.
*/
private final class DisplayNextView implements Animation.AnimationListener {
private final int mPosition;
private DisplayNextView(int position) {
mPosition = position;
}
public void onAnimationStart(Animation animation) {
}
public void onAnimationEnd(Animation animation) {
mContainer.post(new SwapViews(mPosition));
}
public void onAnimationRepeat(Animation animation) {
// Do nothing!!
}
}
/**
* This class is responsible for swapping the views and start the second half of the animation.
*/
private final class SwapViews implements Runnable {
private final int mPosition;
public SwapViews(int position) {
mPosition = position;
}
public void run() {
final float centerX = mContainer.getWidth() / 2.0f;
final float centerY = mContainer.getHeight() / 2.0f;
Rotate3dAnimation rotation;
if (mPosition > -1) {
mImageView.setVisibility(View.GONE);
mMapView.setVisibility(View.VISIBLE);
mMapView.requestFocus();
rotation = new Rotate3dAnimation(-90, 180, centerX, centerY, 310.0f, false);
rotation.reset();
}
else {
mMapView.setVisibility(View.GONE);
mImageView.setVisibility(View.VISIBLE);
mImageView.requestFocus();
rotation = new Rotate3dAnimation(90, 0, centerX, centerY, 310.0f, false);
}
rotation.setDuration(100);
rotation.setFillAfter(true);
rotation.setInterpolator(new DecelerateInterpolator());
mContainer.startAnimation(rotation);
}
}
@Override
public void onBackPressed() {
if (isFlipped) {
applyRotation(-1, 0, -90);
isFlipped = false;
}
else {
super.onBackPressed();
}
}
}
我的xml布局如下：
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/event_container"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#426773" >
<include
android:id="@+id/news_header"
layout="@layout/news_header" />
<TextView
android:id="@+id/cal_event_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@id/news_header"
android:padding="5dp"
android:textColor="@android:color/white"
android:textSize="22sp"
android:textStyle="bold"
android:typeface="sans" />
<RelativeLayout
android:id="@+id/date_time_container"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@id/cal_event_title">
<TextView
android:id="@+id/cal_date"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:padding="5dp"
android:textColor="@android:color/white" />
<TextView
android:id="@+id/cal_time"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@id/cal_date"
android:padding="5dp"
android:textColor="@android:color/white" />
</RelativeLayout>
<ImageView
android:id="@+id/mapPreview"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/cal_event_title"
android:layout_alignParentRight="true"
android:paddingRight="5dp"
android:clickable="true"
android:src="@drawable/ic_event_map"
android:onClick="showMap"
android:background="@drawable/textview_border"
android:layout_marginRight="5dp"/>
<TextView
android:id="@+id/cal_address"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@id/date_time_container"
android:padding="5dp"
android:textColor="@android:color/white"
android:textSize="16sp"
android:textStyle="bold"
android:typeface="sans" />
<ScrollView
android:id="@+id/scroll_description"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/cal_address"
android:padding="5dp"
android:scrollbars="vertical" >
<RelativeLayout
android:id="@+id/map_container"
android:layout_width="match_parent"
android:layout_height="wrap_content" >
<TextView
android:id="@+id/cal_description"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textColor="@android:color/white"/>
</RelativeLayout>
</ScrollView>
<com.google.android.maps.MapView
android:id="@+id/mapview"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_centerInParent="true"
android:apiKey="your_google_api_key"
android:clickable="true"
android:visibility="gone" />
</RelativeLayout>
4 个答案:
答案 0 :(得分：5)
我会给出一个小提示;但是现在我忙于工作，我无法实现这一点。
步骤
- 获取您的绘图缓存位图
- 仅使用此位图 将内容设置为imageview
- 将动画应用于此imageview
- 在动画结束时重新设置内容
我认为这将最大限度地提高性能。
我稍后会尝试编写一些代码。
的 CODE 的
View longLivingReference; //keep a reference
private void applyRotation(int position, float start, float end) {
longLivingReference = findViewById(R.id.event_container);
longLivingReference .setDrawingCacheEnabled(true);
Bitmap bitmapForAnimation = Bitmap.createBitmap(longLivingReference.getDrawingCache());
ImageView iv = new ImageView(mContext);
iv = new ImageView(mContext);
iv.setImageBitmap(bitmapForAnimation);
setContentView(iv);
final float centerX = mContainer.getWidth() / 2.0f;
final float centerY = mContainer.getHeight() / 2.0f;
final Rotate3dAnimation rotation = new Rotate3dAnimation(start, end, centerX, centerY, 310.0f, true);
rotation.setDuration(500);
rotation.setFillAfter(true);
rotation.setInterpolator(new AccelerateInterpolator());
rotation.setAnimationListener(yourAnimationListener {
//whatever your AnimationListener is, you can call super.onAnimationEnd if needed
@Override
public void onAnimationEnd(Animation animation) {
setContentView(longLivingReference);
}
});
iv.startAnimation(rotation);
}
答案 1 :(得分：4)
我制作了这样的动画。我遇到了同样的问题。所以，建议： - 使xml布局尽可能简单，你可以使用android中的Hierarchy View工具进行测试。它的工具显示了建造和绘制laoyut的时间; - 布局图像的重量应尽可能低; - 如果您的设备支持硬件加速（在清单中）：
<activity android:name=".ActivityName" android:hardwareAccelerated="true"/>
- 我注意到了另外一种有趣的行为。如果我在onAnimationEnd（动画动画）方法中调用一些代码，动画会冻结很短的时间。这个问题我用下一个结构解决了：
private static final int DELAY_AFTER_ANIMATION = 10;
public void onAnimationEnd(Animation animation) {
new Handler().postDelayed(new Runnable()
{
@Override
public void run()
{
setData(); // do the heavy code here
}
}, DELAY_AFTER_ANIMATION);
}
为了构建动画，我使用了相同的代码（Rotate3dAnimation）。 对于调用动画（主要区别在于使用isReverse参数）：
public void apply3dRotation(float start, float end, AnimationListener listener, boolean isReverse) {
View view = getRotateView();
if(view == null){
return;
}
if (isHardwareAcceleartionNotSupported()){
AndroidHelper.disableHardwareAccelerationOnView(view, this.getClass());
}
final float centerX = view.getWidth() / 2.0f;
final float centerY = view.getHeight() / 2.0f;
Flip3dAnimation rotation;
rotation = new Flip3dAnimation(start, end, centerX, centerY, 310.0f, isReverse);
rotation.setDuration(ANIMATION_DURATION);
rotation.setFillAfter(true);
rotation.setInterpolator(new AccelerateInterpolator());
if(listener != null){
rotation.setAnimationListener(listener);
}
view.startAnimation(rotation);
}
isHardwareAcceleartionNotSupported（）方法检查操作系统版本。在我的项目中，我禁用了智能手机的加速功能 在AndroidHelper类中：
public static void disableHardwareAccelerationOnView(View view, Class c){
try {
view.setLayerType(View.LAYER_TYPE_SOFTWARE, null);
} catch (Error e) {
Log.i(c.getSimpleName(), e.getMessage());
}
}
还有一个问题。如果动画在屏幕旋转到90度时隐藏，则表示相机存在问题。在这种情况下，我们应该将图像放在远离观众的位置。
-
还有一个技巧 - 有时我会在动画开始前设置暂停：
animation.setStartOffset(100);
答案 2 :(得分：1)
Android上的（非OpenGL）3D动画效果的一个选项是使用graphics.Camera和Matrix类在ViewGroup的getChildStaticTransform方法中实现动画。< / p>
从广义上讲，它是这样做的：
-
扩展ViewGroup或其子类。
-
在构造函数中，将staticTransformationEnabled设置为true：
setStaticTransformationsEnabled(true); -
覆盖受保护的方法getChildStaticTransformation（查看视图，转换t）。
-
在getChildStaticTransformation中，使用
graphics.Camera根据您的图片轮播View。 -
获取相机的矩阵并调整它以使相机位置居中于视图中。
例如，这就是Igor Kushnarev在3d carousel中完成3d翻译效果的方法：
protected boolean getChildStaticTransformation(View child, Transformation transformation) {
//...
// Center of the item
float centerX = (float)child.getWidth()/2, centerY = (float)child.getHeight()/2;
// Save camera
mCamera.save();
// Translate the item to it's coordinates
final Matrix matrix = transformation.getMatrix();
mCamera.translate(((CarouselImageView)child).getX(),
((CarouselImageView)child).getY(),
((CarouselImageView)child).getZ());
// Get the camera's matric and position the item
mCamera.getMatrix(matrix);
matrix.preTranslate(-centerX, -centerY);
matrix.postTranslate(centerX, centerY);
// Restore camera
mCamera.restore();
return true;
}
以下是有关如何在graphics.Camera中使用Matrix和getChildStaticTransformation的更多代码示例：
-
Inovex的
-
ViewPager3d。这个项目很有意思，因为如果按原样运行，3d动画就不顺畅了（在Galaxy S2上）。 Hoverever，如果剥去非相机/矩阵过度滚动动画，但保持使用相机和矩阵完成getChildStaticTransformation 3d效果，则3D效果很流畅。
Neil Davies的
答案 3 :(得分：0)
我无法完全理解你的问题，但据我说，
平滑滚动Rotate3dAnimation的关键是保持应用程序的主线程（UI线程）不受繁重处理。确保在单独的线程中执行任何磁盘访问，网络访问或SQL访问。
This链接isfor listview Rotate3dAnimation ...
相关问题
最新问题
- 我写了这段代码，但我无法理解我的错误
- 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
- 是否有可能使 loadstring 不可能等于打印？卢阿
- java中的random.expovariate()
- Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
- 为什么我的 Onclick 箭头功能在 React 中不起作用？
- 在此代码中是否有使用“this”的替代方法？
- 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
- 每千个数字得到
- 更新了城市边界 KML 文件的来源？