簡単オリジナルBobbleHead

remix.asia

2025年1月1日 04:48

　大人気ボブルヘッド、日本の伝統工芸品で言うところの「赤べこ」を例としたアンドロイドjavaアプリのメイキングマスターが目標です。世界中のチビっ子にプレゼント！初めてのアプリ作成にもちょうど良い教材としてご覧ください。

前提

Android スマートフォン( 5.0.2～)
Android Studio Jellyfish | 2023.3.1
Windows 11 home
ボブルヘッドにしたいお気に入りの画像ファイル

公開ソース

　github に公開してますからどなたでも

https://github.com/remixgrjp/BobbleHead
からダウンロード・インポート・ビルド・実行できます。が、ここではブラウザでソースを参照＆コピペできれば十分です。gitコマンドでの記事も後日投稿予定です。

新規プロジェクト

　Android Studio を起動して新規プロジェクトを追加します。

テンプレートを選択：「Empty Views Activity」が簡単です
パッケージ名を入力：例は asia.remix.bobbleheadbasic です
言語を選択：java です
ミニマムAPI：実行させたいデバイスの Android バージョンに対応した APIバージョンを選択します

　ビルド・実行して、デバイス画面に「Hello」などが表示されれば ok です。ここからがプログラミングです！

画面に画像を表示する

　github のブランチ「09」の状態に該当します。

画像ファイル

　オリジナル画像をファイル名「head.png」として次の位置に配置します。「head.jpeg」や「head.gif」でも構いません。背景を透明にした画像形式がおすすめです。
app/src/main/res/drawable/head.png ★ 画像ファイル

レイアウトファイル

　「activity_main.xml」の内容をgithubのソースからコピペするか変更箇所を編集します。
app/src/main/res/layout/activity_main.xml ★★ レイアウトファイル

プロジェクトフォルダ
├─.idea
├─app
│  │  .gitignore
│  │  build.gradle.kts
│  │  proguard-rules.pro
│  │
│  └─src
│      ├─androidTest
│      ├─main
│      │  │  AndroidManifest.xml
│      │  │
│      │  ├─java
│      │  │  └─asia   <==ここからパッケージ名 ドット区切りのディレクトリ構造になります
│      │  │      └─remix
│      │  │          └─bobbleheadbasic
│      │  │                  MainActivity.java     ★★★ プログラムファイル
│      │  │
│      │  └─res
│      │      ├─drawable
│      │      │      head.png                      ★ 画像ファイル
│      │      │      ic_launcher_background.xml
│      │      │
│      │      ├─drawable-v24
│      │      │      ic_launcher_foreground.xml
│      │      │
│      │      ├─layout
│      │      │      activity_main.xml             ★★ レイアウトファイル
│      │      │
│      │      ├─mipmap-anydpi-v26
│      │      ├─mipmap-hdpi
│      │      ├─mipmap-mdpi
│      │      ├─mipmap-xhdpi
│      │      ├─mipmap-xxhdpi
│      │      ├─mipmap-xxxhdpi
│      │      ├─values
│      │      │      colors.xml
│      │      │      strings.xml
│      │      │      themes.xml
│      │      │
│      │      ├─values-night
│      │      └─xml
│      └─test
└─gradle

ビルド・実行して、次のように表示されれば ok です。あとは画像を揺らせば良いわけです。

１方向にゆらす

　この記事のタイトル画像のおそらく高校数学の減衰振動公式が実装された API があります。
　androidx.dynamicanimation.animation.SpringAnimation
これを使えばパラメータを与えて減衰振動をアニメーションできます。github のブランチ「11」に切り替え、ファイル
app/src/main/java/asia/remix/bobbleheadbasic/MainActivity.java
の１行目(package 宣言)以外をコピペします。ビルド・実行すると次のように画像タップで減衰振動します。