Comment Animer des propriétés de la structure de ViewGroups?

Puisque personne ne vous a aidé encore et ma première réponse a été un tel désordre, je vais essayer de vous donner la bonne réponse cette fois 😉

En fait j'aime l'idée et je pense que c'est un grand effet visuel qui pourrait être utile pour un tas de gens. Je voudrais mettre en œuvre un dépassement de capacité de la vue de droite (je pense que le film semble étrange, puisque le texte est en expansion vers le bas).

Mais de toute façon, voici le code qui fonctionne parfaitement bien (vous pouvez même basculer alors que c'est l'animation).

Explication rapide:

Vous appelez toggle avec une valeur booléenne pour votre direction et cela va démarrer un gestionnaire d'appel d'animation en boucle. Cela permettra d'augmenter ou de diminuer le poids des deux points de vue basés sur l'orientation et le temps passé (pour un bon calcul et de l'animation). L'animation à l'appel de la boucle va s'appeler elle-même tant qu'il n'a pas atteint le début ou la fin de position.

La mise en page:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:weightSum="10"
    android:id="@+id/slide_layout">
    <TextView
        android:layout_weight="7"
        android:padding="10dip"
        android:id="@+id/left"
        android:layout_width="0dip"
        android:layout_height="fill_parent"></TextView>
    <TextView
        android:layout_weight="3"
        android:padding="10dip"
        android:id="@+id/right"
        android:layout_width="0dip"
        android:layout_height="fill_parent"></TextView>
</LinearLayout>

L'activité:

public class TestActivity extends Activity {
private static final int ANIMATION_DURATION = 1000;
private View mSlidingLayout;
private View mLeftView;
private View mRightView;
private boolean mAnimating = false;
private boolean mLeftExpand = true;
private float mLeftStartWeight;
private float mLayoutWeightSum;
private Handler mAnimationHandler = new Handler();
private long mAnimationTime;
private Runnable mAnimationStep = new Runnable() {
@Override
public void run() {
long currentTime = System.currentTimeMillis();
float animationStep = (currentTime - mAnimationTime) * 1f / ANIMATION_DURATION;
float weightOffset = animationStep * (mLayoutWeightSum - mLeftStartWeight);
LinearLayout.LayoutParams leftParams = (LinearLayout.LayoutParams)
mLeftView.getLayoutParams();
LinearLayout.LayoutParams rightParams = (LinearLayout.LayoutParams)
mRightView.getLayoutParams();
leftParams.weight += mLeftExpand ? weightOffset : -weightOffset;
rightParams.weight += mLeftExpand ? -weightOffset : weightOffset;
if (leftParams.weight >= mLayoutWeightSum) {
mAnimating = false;
leftParams.weight = mLayoutWeightSum;
rightParams.weight = 0;
} else if (leftParams.weight <= mLeftStartWeight) {
mAnimating = false;
leftParams.weight = mLeftStartWeight;
rightParams.weight = mLayoutWeightSum - mLeftStartWeight;
}
mSlidingLayout.requestLayout();
mAnimationTime = currentTime;
if (mAnimating) {
mAnimationHandler.postDelayed(mAnimationStep, 30);
}
}
};
private void toggleExpand(boolean expand) {
mLeftExpand = expand;
if (!mAnimating) {
mAnimating = true;
mAnimationTime = System.currentTimeMillis();
mAnimationHandler.postDelayed(mAnimationStep, 30);
}
}
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.slide_test);
mLeftView = findViewById(R.id.left);
mRightView = findViewById(R.id.right);
mSlidingLayout = findViewById(R.id.slide_layout);
mLeftStartWeight = ((LinearLayout.LayoutParams)
mLeftView.getLayoutParams()).weight;
mLayoutWeightSum = ((LinearLayout) mSlidingLayout).getWeightSum();
}
}

OriginalL'auteur Knickedi

Une façon différente de la solution posté par @knickedi est d'utiliser ObjectAnimator au lieu de l'Exécutable. L'idée est d'utiliser ObjectAnimator pour ajuster le poids de gauche et de droite, vues. Les points de vue, cependant, ont besoin d'être adaptés afin que le poids peut être exposée en tant que propriété de la ObjectAnimator pour animer.

Alors d'abord, de définir une vue sur mesure (à l'aide d'un LinearLayout à titre d'exemple):

public class CustomLinearLayout extends LinearLayout {
public CustomLinearLayout(Context context) {
super(context);
}
public CustomLinearLayout(Context context, AttributeSet attrs) {
super(context, attrs);
}
public CustomLinearLayout(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
public void setMyWeight(float value) {
LinearLayout.LayoutParams p = (LinearLayout.LayoutParams)getLayoutParams();
p.weight = value;
requestLayout();
}
}

Ensuite, la mise à jour de la mise en page XML à utiliser cette coutume linéaire de la mise en page.

Puis, quand vous en avez besoin pour basculer de l'animation, de l'utilisation ObjectAnimator:

ObjectAnimator rightView = ObjectAnimator.ofFloat(viewgroup_right, "MyWeight", 0.5f, 1.0f);
ObjectAnimator leftView = ObjectAnimator.ofFloat(viewgroup_left, "MyWeight", 0.5f, 0.0f);
AnimatorSet animatorSet = new AnimatorSet();
animatorSet.setDuration(1000); //1 second of animation
animatorSet.playTogether(rightView, leftView);
animatorSet.start();

Le code ci-dessus suppose que les deux points de vue sont linéaires disposition et sont à moitié en poids pour commencer. L'animation permettra d'élargir la vue de droite de poids (donc celui de gauche est caché). Notez que ObjectAnimator est animé à l'aide de la "MyWeight" propriété de l'personnalisé linéaire de la mise en page. Le AnimatorSet est utilisé pour les attacher à la fois à gauche et à droite ObjectAnimators ensemble, de sorte que l'animation semble lisse.

Cette approche réduit le besoin d'écrire du code exécutable et le calcul des poids à l'intérieur, mais il a besoin d'une classe personnalisée à définir.

OriginalL'auteur henry000