アニメーションで複数のボタンの表示/非表示を追加する方法

ファディA。

アニメーションでボタンの表示/非表示に取り組んでいます。私はそれをしましたが、私は深刻な問題を抱えています。

最初のボタンを非表示にしてから2番目のボタンを非表示にすると、最初のボタンが表示されてからすばやく非表示になります。私はすべてを試しました。

ボタンの表示:

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android" android:fillAfter="true"><scale
android:duration="450"
android:fromXScale="0.0"
android:fromYScale="0.0"
android:toXScale="1.0"
android:toYScale="1.0"
android:pivotX="50%"
android:pivotY="50%"
/></set>

ボタンを隠す:

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android" android:fillAfter="true"><scale
    android:duration="300"
    android:fromXScale="1.0"
    android:fromYScale="1.0"
    android:toXScale="0.0"
    android:toYScale="0.0"
    android:pivotX="50%"
    android:pivotY="50%"
    /></set>

Java:

public class MainActivity extends AppCompatActivity {

Button  btn1,btn2,btn3;
Animation show , hide;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    btn1 = (Button)findViewById(R.id.btn1);
    btn2 = (Button)findViewById(R.id.btn2);
    btn3 = (Button)findViewById(R.id.btn3);

    show = AnimationUtils.loadAnimation(getApplicationContext(),R.anim.Show);
    hide = AnimationUtils.loadAnimation(getApplicationContext(),R.anim.Hide);
}

public void setBtn1(View v) {
    btn1.startAnimation(hide);
    btn1.setClickable(false);
}

public void setBtn2(View v) {
    btn2.startAnimation(hide);
    btn2.setClickable(false);
}

public void setBtn3(View v) {
    btn3.startAnimation(hide);
    btn3.setClickable(false);
}

これがactivity_main.xmlです:

<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity" >

<Button
    android:id="@+id/btn1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentEnd="true"
    android:layout_alignParentRight="true"
    android:onClick="setBtn1"
    android:text="1"
    tools:layout_constraintBottom_creator="1"
    app:layout_constraintBottom_toTopOf="@+id/btn3"
    android:layout_marginStart="3dp"
    tools:layout_constraintLeft_creator="1"
    android:layout_marginBottom="65dp"
    app:layout_constraintLeft_toRightOf="@+id/btn2"
    android:layout_marginLeft="3dp" />

<Button
    android:id="@+id/btn2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:onClick="setBtn2"
    android:text="2"
    android:layout_marginStart="57dp"
    app:layout_constraintBaseline_toBaselineOf="@+id/btn3"
    tools:layout_constraintBaseline_creator="1"
    tools:layout_constraintLeft_creator="1"
    app:layout_constraintLeft_toLeftOf="parent"
    android:layout_marginLeft="57dp" />

<Button
    android:id="@+id/btn3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:onClick="setBtn3"
    android:text="3"
    tools:layout_constraintRight_creator="1"
    tools:layout_constraintBottom_creator="1"
    app:layout_constraintBottom_toBottomOf="parent"
    android:layout_marginEnd="71dp"
    app:layout_constraintRight_toRightOf="parent"
    android:layout_marginBottom="191dp"
    android:layout_marginRight="71dp" />
</android.support.constraint.ConstraintLayout>
Vova Stelmashchuk

android:fillAfter="true"Hide.xmlファイルとShow.xmlファイルから削除する必要があります。そして、ファイルの名前をhide.xmlとshow.xmlに変更してください(これはJavaコード変換です)

そして、私のMainActivity.java実装を使用します

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.Button;

public class MainActivity extends AppCompatActivity {

Button btn1, btn2, btn3;

Animation show, hide;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    btn1 = (Button) findViewById(R.id.btn1);
    btn2 = (Button) findViewById(R.id.btn2);
    btn3 = (Button) findViewById(R.id.btn3);

    btn1.setOnClickListener(new View.OnClickListener() {
        @Override public void onClick(final View v) {
            setBtn1();
        }
    });

    btn2.setOnClickListener(new View.OnClickListener() {
        @Override public void onClick(final View v) {
            setBtn2();
        }
    });

    btn3.setOnClickListener(new View.OnClickListener() {
        @Override public void onClick(final View v) {
            setBtn3();
        }
    });

    show = AnimationUtils.loadAnimation(getApplicationContext(), R.anim.show);
    hide = AnimationUtils.loadAnimation(getApplicationContext(), R.anim.hide);
}

public void setBtn1() {
    btn1.startAnimation(hide);
    btn1.setClickable(false);
    btn1.setVisibility(View.GONE);
}

public void setBtn2() {
    btn2.startAnimation(hide);
    btn2.setClickable(false);
    btn2.setVisibility(View.GONE);
}

public void setBtn3() {
    btn3.startAnimation(hide);
    btn3.setClickable(false);
    btn3.setVisibility(View.GONE);
}  
}

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Android-アクションバーのメニューボタンを非表示にする方法

分類Dev

Flutterで非表示のAppBarをアニメーション化する方法は?

分類Dev

変更時の選択メニューで複数のボタンを表示/非表示にする

分類Dev

SwiftUIでTの非表示と表示をアニメーション化する

分類Dev

CSSアニメーションで非表示の要素を非表示にする方法は?

分類Dev

iOS8のUISplitViewControllerでマスタービューの表示/非表示をアニメーション化する

分類Dev

アクションバーAndroidのメニューボタンを非表示にする必要があります

分類Dev

柔軟なマルチボタン形式で複数のプリロードアニメーションを表示

分類Dev

販売注文のアクションの下で重複ボタンを非表示にする方法

分類Dev

Swift-アニメーションでナビゲーションバーの表示を非表示にする

分類Dev

<details>の非表示をアニメーション化する方法は?

分類Dev

JavaScript アニメーションの最後に要素を非表示にする方法

分類Dev

アニメーション関数がアニメーションの最後に他のdivを非表示にするのはなぜですか?

分類Dev

Androidのボタンにアニメーションを追加する方法

分類Dev

CALayerを(アニメーションなしで)非表示にする最良の方法は何ですか?

分類Dev

特定のアクティビティでアクションバーボタンを非表示にする方法は?

分類Dev

Android:アニメーションボタンを非表示

分類Dev

Swiftでスピナーを表示するためのアニメーションボタン

分類Dev

アプリバーのアクションボタンを表示および非表示にする方法

分類Dev

Extjs ボタンでメニューアローを非表示にする方法

分類Dev

「ユニットテスト」でボタンのタップアクションを追加してアラートを表示する方法

分類Dev

Swiftでのアニメーションの表示と非表示

分類Dev

Dash toPanelの[アプリケーションの表示]ボタンを非表示にする方法

分類Dev

react-nativeのアニメーションでcreateBottomTabNavigatorタブバーを表示および非表示にします

分類Dev

ボタンをクリックすると、アニメーション付きのuiimageviewを非表示/表示します

分類Dev

アニメーションでListViewを非表示/最小化する方法は?

分類Dev

SupportActionbarでタブを非表示にするアニメーション

分類Dev

Reactでテーブル行の表示/非表示をアニメーション化する

分類Dev

アニメーションでホバーに非表示のテキストを表示する

Related 関連記事

  1. 1

    Android-アクションバーのメニューボタンを非表示にする方法

  2. 2

    Flutterで非表示のAppBarをアニメーション化する方法は?

  3. 3

    変更時の選択メニューで複数のボタンを表示/非表示にする

  4. 4

    SwiftUIでTの非表示と表示をアニメーション化する

  5. 5

    CSSアニメーションで非表示の要素を非表示にする方法は?

  6. 6

    iOS8のUISplitViewControllerでマスタービューの表示/非表示をアニメーション化する

  7. 7

    アクションバーAndroidのメニューボタンを非表示にする必要があります

  8. 8

    柔軟なマルチボタン形式で複数のプリロードアニメーションを表示

  9. 9

    販売注文のアクションの下で重複ボタンを非表示にする方法

  10. 10

    Swift-アニメーションでナビゲーションバーの表示を非表示にする

  11. 11

    <details>の非表示をアニメーション化する方法は?

  12. 12

    JavaScript アニメーションの最後に要素を非表示にする方法

  13. 13

    アニメーション関数がアニメーションの最後に他のdivを非表示にするのはなぜですか?

  14. 14

    Androidのボタンにアニメーションを追加する方法

  15. 15

    CALayerを(アニメーションなしで)非表示にする最良の方法は何ですか?

  16. 16

    特定のアクティビティでアクションバーボタンを非表示にする方法は?

  17. 17

    Android:アニメーションボタンを非表示

  18. 18

    Swiftでスピナーを表示するためのアニメーションボタン

  19. 19

    アプリバーのアクションボタンを表示および非表示にする方法

  20. 20

    Extjs ボタンでメニューアローを非表示にする方法

  21. 21

    「ユニットテスト」でボタンのタップアクションを追加してアラートを表示する方法

  22. 22

    Swiftでのアニメーションの表示と非表示

  23. 23

    Dash toPanelの[アプリケーションの表示]ボタンを非表示にする方法

  24. 24

    react-nativeのアニメーションでcreateBottomTabNavigatorタブバーを表示および非表示にします

  25. 25

    ボタンをクリックすると、アニメーション付きのuiimageviewを非表示/表示します

  26. 26

    アニメーションでListViewを非表示/最小化する方法は?

  27. 27

    SupportActionbarでタブを非表示にするアニメーション

  28. 28

    Reactでテーブル行の表示/非表示をアニメーション化する

  29. 29

    アニメーションでホバーに非表示のテキストを表示する

ホットタグ

アーカイブ