Android
 Computer >> コンピューター >  >> プログラミング >> Android

Androidアプリでリップルアニメーションを作成するにはどうすればよいですか?


コードに入る前に、Androidのリップルアニメーションとは何かを知っておく必要があります。波紋アニメーションは波の勢いのようなものです。 Androidでは、背景属性を使用してTextview、Buttonなどのビューに表示されます。

この例は、リップルアニメーションをビューに統合する方法を示しています。

ステップ1 − Android Studioで新しいプロジェクトを作成し、[ファイル]⇒[新しいプロジェクト]に移動して、新しいプロジェクトを作成するために必要なすべての詳細を入力します。

ステップ2 −次のコードをres / layout/activity_main.xmlに追加します。

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
   xmlns:android="https://schemas.android.com/apk/res/android"
   xmlns:app="https://schemas.android.com/apk/res-auto"
   xmlns:tools="https://schemas.android.com/tools"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   tools:context=".MainActivity">
   <Button
      android:id="@+id/result"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Result Data"
      android:background="@drawable/rippple"
      android:textSize="20sp"
      app:layout_constraintBottom_toBottomOf="parent"
      app:layout_constraintLeft_toLeftOf="parent"
      app:layout_constraintRight_toRightOf="parent"
      app:layout_constraintTop_toTopOf="parent" />
</android.support.constraint.ConstraintLayout>

上記のコードでは、背景をリップルとして持つボタンを追加しました。

ステップ3 −ドローアブルにripple.xmlとしてファイルを作成し、次のコードを追加します

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="https://schemas.android.com/apk/res/android"
   xmlns:tools="https://schemas.android.com/tools"
   android:color="#f816a463"
   tools:targetApi="lollipop">
   <item android:id="@android:id/mask">
      <shape android:shape="rectangle">
         <solid android:color="#f816a463" />
      </shape>
   </item>
</ripple>

アプリケーションを実行してみましょう。実際のAndroidモバイルデバイスをコンピューターに接続していると思います。 android studioからアプリを実行するには、プロジェクトのアクティビティファイルの1つを開き、ツールバーの[実行]アイコンをクリックします。

オプションとしてモバイルデバイスを選択し、デフォルトの画面を表示するモバイルデバイスを確認します

Androidアプリでリップルアニメーションを作成するにはどうすればよいですか?

結果データをクリックすると、以下のような結果が表示されます-

Androidアプリでリップルアニメーションを作成するにはどうすればよいですか?


  1. AndroidアプリでXMLファイルを使用してアニメーションを作成するにはどうすればよいですか?

    この例は、AndroidアプリでXMLを使用してアニメーションを作成する方法を示しています。 ステップ1 − Android Studioで新しいプロジェクトを作成し、[ファイル]⇒[新しいプロジェクト]に移動して、新しいプロジェクトを作成するために必要なすべての詳細を入力します。 ステップ2 −次のコードをres / layout/activity_main.xmlに追加します。 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="h

  2. Androidアプリへのホーム画面ショートカットを作成する方法

    私たちのほとんどは、携帯電話にすでに存在するアプリにホーム画面のショートカットを追加する方法を知っています。アプリドロワーを開き、アプリアイコンをつかむまで押し続けてから、選択したホーム画面にドラッグします。 しかし、特定のフォルダー、Webページ、またはブックマークコレクション全体へのアプリのようなショートカットを作成したい場合はどうでしょうか。その場合は、もう少し深く掘り下げる必要があります。この記事では、Androidアプリのホーム画面ショートカットを作成する方法を紹介します。 ウェブサイトのホーム画面ショートカットを作成する Webサイトへのホーム画面ショートカットの作成は簡単です