asky

主にAndroidやiOSの開発について綴っています。また、使っている好きなアプリや全く関係のない話はDiaryで書いていきたいです。

Android:Viewの開閉とボタンの回転アニメーション

【環境】Android Studio 2.2

f:id:asky0113:20160919212041g:plain

上のGIF動画のように 展開ボタンをタップするとボタンが半回転し、
下の緑色のエリア(TextViewとSeekBarが入ったLinearLayout)が
開閉するアニメーションを作成しました。

ちなみにプロジェクト名が RotateAnimSampkeとなっています。。。
はい、お察しがつくかと思いますが
「RotateAnimSample」の打ち間違いのままいってしまってました(┐「ε:)

activity_main.xmlの編集

/app/src/main/res/layout/activity_main.xml (←既存ファイルを編集)

まずはUIを作成。


strings.xmlの編集

/app/src/main/res/values/strings.xml (←既存ファイルを編集)

UIで使う文字をstrings.xmlに登録。


drawableディレクトリに画像を登録

/app/src/main/res/drawable (←既存ファイル配下に登録)
※ない場合は、新規作成してください。

f:id:asky0113:20160919215831p:plain

【使用した画像】
f:id:asky0113:20160919215857p:plain f:id:asky0113:20160919215933p:plain

ResizeAnimation.javaを新規作成

/app/src/main/java/example/com/rotateanimsampke/ResizeAnimation.java (←新規作成)


MainActivity.javaの編集

/app/src/main/java/example/com/rotateanimsampke/MainActivity.java (←既存ファイルを編集)


開閉アニメーションに関して参考にさせていただいたサイトはこちら
【Android】アニメーション付き開閉Viewの作り方

余談

Android Studioを久しぶりにアプデしたら、
UIを編集する画面がガラリと変わっていて面食らいました!!

f:id:asky0113:20160919221535p:plain

使いやすいような使いにくいような。
早く慣れたいです(((o(゚▽゚)o)))