☰

Androidアニメーションでのスムーズなテキスト変更 質問する

tag-icon • tag-icon android animation
Androidアニメーションでのスムーズなテキスト変更 質問する

Android のテキスト ビューにアニメーションを追加して、テキストが変更されたときにスムーズかつゆっくりと変更されるようにしたいと考えています。たとえば、テキストが変更されたときにフェードインまたはフェードアウトします。Android でアニメーションを使用して可能ですか? これまでは実行しました。

主な活動

public class MainActivity extends AppCompatActivity {

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

        Button btn = (Button) findViewById(R.id.btn);
         tv = (TextView)findViewById(R.id.textview);

        btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                    tv.setText(String.valueOf(Integer.valueOf((String) tv.getText()) + 1));
            }
        });
    }
}

アクティビティメイン.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:gravity="center_horizontal"
    tools:context="com.example.namal.smoothtextchange.MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:id="@+id/textview"
        android:textSize="150sp"

        android:layout_height="wrap_content"
        android:text="0" />

    <Button
        android:text="Change"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textview"
        android:id="@+id/btn" />
</RelativeLayout>

ベストアンサー1

使うTextSwitcher

<TextSwitcher
  android:layout_marginTop="50dp"
  android:id="@+id/textSwitcher"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:layout_gravity="center_horizontal">
    <TextView 
       android:layout_width="match_parent"
       android:layout_height="wrap_content" />
    <TextView 
       android:layout_width="match_parent"
       android:layout_height="wrap_content" />
</TextSwitcher>

表示する文字列の配列TextSwitcher

String textToShow[] = {"Main HeadLine", "Your Message", "New In Technology"};

アニメーションを設定する必要があります

mSwitcher.setInAnimation(context, android.R.anim.slide_in_left);
mSwitcher.setOutAnimation(context, android.R.anim.slide_out_right);

アニメーションはメソッドの呼び出しによってトリガーされますsetText(CharSequence テキスト)

// When clicked on Button TextSwitcher will switch between texts
btnNext.setOnClickListener(new View.OnClickListener() {
    public void onClick (View v) {
    
       currentIndex++;
       // If index reaches maximum reset it
       if (currentIndex == textToShow.length) {
          currentIndex = 0;
       }

       mSwitcher.setText(textToShow[currentIndex]);
}});

アニメーションなしでテキストを設定したい場合は、メソッドを呼び出しますsetCurrentText(CharSequence テキスト)。

おすすめ記事