さて、適切なスライドダウンアニメーションを実行しようとしています。下にスライドするビューは、1つの滑らかな動きで下にあるすべてのビューを押し下げます。また、上にスライドすると、すべてのビューが1つの滑らかな動きをたどります。
私が試したこと:コード内:
LinearLayout lin = (LinearLayout)findViewById(R.id.user_list_container);
setLayoutAnimSlidedownfromtop(lin, this);
lin.addView(getLayoutInflater().inflate(R.layout.user_panel,null),0);
そして:
public static void setLayoutAnimSlidedownfromtop(ViewGroup panel, Context ctx) {
AnimationSet set = new AnimationSet(true);
Animation animation = new AlphaAnimation(0.0f, 1.0f);
animation.setDuration(100);
set.addAnimation(animation);
animation = new TranslateAnimation(
Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF, 0.0f,
Animation.RELATIVE_TO_SELF, -1.0f, Animation.RELATIVE_TO_SELF, 0.0f
);
animation.setDuration(500);
set.addAnimation(animation);
LayoutAnimationController controller =
new LayoutAnimationController(set, 0.25f);
panel.setLayoutAnimation(controller);
}
私のuser_panel.xml:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
Android:layout_width="match_parent"
Android:layout_height="40dp"
Android:orientation="vertical" >
<ImageView
Android:layout_alignParentLeft="true"
Android:layout_height="wrap_content"
Android:layout_width="wrap_content"
Android:src="@drawable/icon" />
</LinearLayout>
メインxmlの上部:
<LinearLayout
Android:id="@+id/user_list_container"
Android:layout_alignParentTop="true"
Android:orientation="vertical"
Android:layout_width="fill_parent"
Android:layout_height="wrap_content"/>
<LinearLayout
Android:id="@+id/container"
Android:layout_below="@+id/user_list_container"
Android:orientation="vertical"
Android:layout_width="fill_parent"
Android:layout_height="wrap_content">
上記のアプローチの問題は、アニメーションを開始すると、最初にビューの空きスペースが作成され、次にビューが下にスライドすることです。 1回のハードモーションで行うのではなく、他のすべてのビューをゆっくりと押し下げたいです。
それで私はいくつかの助けを借りて自分でやってしまいました: https://stackoverflow.com/a/9112691/969325 。だった場合Android 3.0( http://developer.Android.com/guide/topics/graphics/animation.html )プロパティアニメーションを使用できたかもしれませんが、しかし、そうではなかったので、自分でやらなければなりませんでした。
これが私が終わったものです:
import Android.view.View;
import Android.view.animation.Animation;
import Android.view.animation.Transformation;
/**
* Class for handling collapse and expand animations.
* @author Esben Gaarsmand
*
*/
public class ExpandCollapseAnimation extends Animation {
private View mAnimatedView;
private int mEndHeight;
private int mType;
/**
* Initializes expand collapse animation, has two types, collapse (1) and expand (0).
* @param view The view to animate
* @param duration
* @param type The type of animation: 0 will expand from gone and 0 size to visible and layout size defined in xml.
* 1 will collapse view and set to gone
*/
public ExpandCollapseAnimation(View view, int duration, int type) {
setDuration(duration);
mAnimatedView = view;
mEndHeight = mAnimatedView.getLayoutParams().height;
mType = type;
if(mType == 0) {
mAnimatedView.getLayoutParams().height = 0;
mAnimatedView.setVisibility(View.VISIBLE);
}
}
@Override
protected void applyTransformation(float interpolatedTime, Transformation t) {
super.applyTransformation(interpolatedTime, t);
if (interpolatedTime < 1.0f) {
if(mType == 0) {
mAnimatedView.getLayoutParams().height = (int) (mEndHeight * interpolatedTime);
} else {
mAnimatedView.getLayoutParams().height = mEndHeight - (int) (mEndHeight * interpolatedTime);
}
mAnimatedView.requestLayout();
} else {
if(mType == 0) {
mAnimatedView.getLayoutParams().height = mEndHeight;
mAnimatedView.requestLayout();
} else {
mAnimatedView.getLayoutParams().height = 0;
mAnimatedView.setVisibility(View.GONE);
mAnimatedView.requestLayout();
mAnimatedView.getLayoutParams().height = mEndHeight;
}
}
}
}
使用例:
import Android.app.Activity;
import Android.os.Bundle;
import Android.view.View;
import Android.view.View.OnClickListener;
import Android.widget.Button;
public class AnimationTestActivity extends Activity {
private boolean mActive = false;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
final Button animatedButton = (Button) findViewById(R.id.animatedButton);
Button button = (Button) findViewById(R.id.button);
button.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
ExpandCollapseAnimation animation = null;
if(mActive) {
animation = new ExpandCollapseAnimation(animatedButton, 1000, 1);
mActive = false;
} else {
animation = new ExpandCollapseAnimation(animatedButton, 1000, 0);
mActive = true;
}
animatedButton.startAnimation(animation);
}
});
}
}
xml:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
Android:layout_width="fill_parent"
Android:layout_height="fill_parent"
Android:orientation="vertical" >
<Button
Android:id="@+id/animatedButton"
Android:visibility="gone"
Android:layout_width="fill_parent"
Android:layout_height="50dp"
Android:text="@string/hello"/>
<TextView
Android:layout_width="fill_parent"
Android:layout_height="wrap_content"
Android:text="@string/hello" />
<Button
Android:id="@+id/button"
Android:layout_width="fill_parent"
Android:layout_height="wrap_content"
Android:text="@string/hello"/>
</LinearLayout>
編集:
wrap_contentの高さを測定:
したがって、wrap_contentでこれを機能させるために、アニメーションを開始する前にビューの高さを測定し、この測定された高さを実際の高さとして使用しました。ベローはビューの高さを測定するコードであり、これを新しい高さに設定します(ビューは画面の幅を使用していると思いますが、必要に応じて変更してください)。
/**
* This methode can be used to calculate the height and set it for views with wrap_content as height.
* This should be done before ExpandCollapseAnimation is created.
* @param activity
* @param view
*/
public static void setHeightForWrapContent(Activity activity, View view) {
DisplayMetrics metrics = new DisplayMetrics();
activity.getWindowManager().getDefaultDisplay().getMetrics(metrics);
int screenWidth = metrics.widthPixels;
int heightMeasureSpec = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED);
int widthMeasureSpec = MeasureSpec.makeMeasureSpec(screenWidth, MeasureSpec.EXACTLY);
view.measure(widthMeasureSpec, heightMeasureSpec);
int height = view.getMeasuredHeight();
view.getLayoutParams().height = height;
}
Warpzitありがとうございます!これは非常に役立つ回答でした。私の場合、wrap_contentの高さのビューのみをアニメーション化しようとしていました。 triggsの2行の提案を試しましたが、私の場合はうまくいきませんでした。 (理由を追求するのに多くの時間を費やしませんでした。)ビューの高さを決定するために、WarpzitのExpandCollapseAnimation
の静的メソッドを少し変更した形式を使用することになりました
もう少し詳しく:
setHeightForWrapContent()
をExpandCollapseAnimation
クラスに含めました。ExpandCollapseAnimation
コンストラクターでsetHeightForWrapContent()
を呼び出します。これを行うには、コンストラクターでアクティビティを渡す必要があります。applyTransformation()
メソッドで、ビューが最終的に高さゼロに縮小されると、ビューの高さをwrap_contentに返します。これを行わず、後でビューのコンテンツを変更した場合、ビューを展開すると、ビューは以前に決定された高さに展開します。コードはここにあります:
public class ExpandCollapseAnimation extends Animation {
private View mAnimatedView;
private int mEndHeight;
private int mType;
public ExpandCollapseAnimation(View view, int duration, int type, Activity activity) {
setDuration(duration);
mAnimatedView = view;
setHeightForWrapContent(activity, view);
mEndHeight = mAnimatedView.getLayoutParams().height;
mType = type;
if(mType == 0) {
mAnimatedView.getLayoutParams().height = 0;
mAnimatedView.setVisibility(View.VISIBLE);
}
}
@Override
protected void applyTransformation(float interpolatedTime, Transformation t) {
super.applyTransformation(interpolatedTime, t);
if (interpolatedTime < 1.0f) {
if(mType == 0) {
mAnimatedView.getLayoutParams().height = (int) (mEndHeight * interpolatedTime);
} else {
mAnimatedView.getLayoutParams().height = mEndHeight - (int) (mEndHeight * interpolatedTime);
}
mAnimatedView.requestLayout();
} else {
if(mType == 0) {
mAnimatedView.getLayoutParams().height = mEndHeight;
mAnimatedView.requestLayout();
} else {
mAnimatedView.getLayoutParams().height = 0;
mAnimatedView.setVisibility(View.GONE);
mAnimatedView.requestLayout();
mAnimatedView.getLayoutParams().height = LayoutParams.WRAP_CONTENT; // Return to wrap
}
}
}
public static void setHeightForWrapContent(Activity activity, View view) {
DisplayMetrics metrics = new DisplayMetrics();
activity.getWindowManager().getDefaultDisplay().getMetrics(metrics);
int screenWidth = metrics.widthPixels;
int heightMeasureSpec = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED);
int widthMeasureSpec = MeasureSpec.makeMeasureSpec(screenWidth, MeasureSpec.EXACTLY);
view.measure(widthMeasureSpec, heightMeasureSpec);
int height = view.getMeasuredHeight();
view.getLayoutParams().height = height;
}
}
Warpzit、ありがとうございました!