…ドロワブルリソースのxml上で、layer-listっていう概念を試してみます！ ドロワブルリソースのxml…ボタン等の背景として画像っぽく使うものですね。 その中でSHAPEタグを使って、グラデーションや角丸を実現する事はだいぶ前からやってはいましたが、layer-listを使うとその名前の通り「レイヤー」として要素を重ねあわせて使う事が出来るようになるので、表現の幅が広がります！ ※表現の幅が広がる＝よりデザインセンスが問われる事になりそうなのが怖いｗｗｗ 今回はこんな感…

…roidアプリ開発 xml Kotlin class フラグメント ASO ブログ Androidアプリ開発 xml 画面のレイアウト、文字列リソース、ドロワブルリソースなど、Androidアプリ開発に於いてxmlが担っている範囲は結構広いです。 これはKotlin言語とは関係のない部分なので、それはそれとして覚える必要があります。 今はまず、ドロワブルリソースについて、未知の部分をおさえたいところ。 SHAPEで色々と見た目を変えられる…のは、画面レイアウトのxmlをHTM…

…にSHAPE設定用のxml grade.xmlの内容を以下のように書きます 軽く解説すると、 今回の記事ではこういう事をやります！ → 「タイマー」が今のところ有力候補です 理由としては、 簡易的に作ったものを自分で結構使ってるから（カップラーメンとかストレッチとか） 基本的な部分はほぼ出来てるからｗ はてなブログ内で需要ありそうな記事をたまに見かけるから（でもiPhoneだったらごめん^^;） みたいな感じです。 マズい点は、 あまりにもありふれている GooglePlay…

…法で、今回のアプリはxmlで作っただけのものですが。 出題部分にはまたアニメーション効果を何通りか付与しています。 時間制限や残り時間の表示は little-strange.hatenablog.com little-strange.hatenablog.com に書いたような方法を使用しています。 そんな感じで まだまだ覚える事は多くありますが、今日までにやってきた事を組み合わせて一本のゲームアプリとしての体裁をとり、発表する事が出来ました。 皆さんのブロガーとして頑張って…

…容はstrings.xmlに記載されてます。 さて、この状態でプレビューは？ 結論！ AndroidStudioで、普通にそれをやってみようとすると… ↑新規作成したばかりのプロジェクト（emptyActivityを選択した場合）で、Hello World!って表示されてるTextViewを選択した状態の図です。 中身の文字の既存値「Hello World!」を、別の文字に変えたい場合、右のAttributesにあるtextのところを打ち換えればOK！…というのは、Andro…

…Pickerって？ xmlへの組み込み方 NumberPicker、設定は？ Kotlinで初期設定！ NumberPickerで設定した数値をタイマーの待ち時間として使用 以上で、あっさり完成です！ 一応、コード全文のせときますね 今回のキモ！ 以下、「n0」は任意の名前、好きに変えちゃってOK！な部分です。 xml内、NumberPickerを配置したい場所に記述 <NumberPicker android:id="@+id/n0" android:layout_widt…

…コードはサンプル用にxmlのほうでボタンを２つ用意し、それぞれの「onClick」に「bt0clk」「bt1clk」と記載した場合のものです。 package jp.littlestrangesoftware.a20191110soundpoolimport android.media.AudioAttributesimport android.media.SoundPoolimport androidx.appcompat.app.AppCompatActivityimpo…

…うちにstyles.xmlの使い方に触れたりと、今まで関わらなかった要素に触れるきっかけにもなりました！ いずれ折をみて、そちらも記事にしたいと思います。 前回記事にコメントを下さった、たなか様にマジ感謝です^^ まとめ！ 機敏な動作を要求するアプリなら、画像は見苦しくない程度に極力縮小したほうがよさげ！← 「Android アプリ開発 実機 重い」みたいなキーワードで検索して思うような結果が出なかったら、案外それは他の人は躓いてない事かも知れない。 ので、その場合は「And…

…dManifest.xmlの編集や、Androidのバージョン判定なんかも必要になるのがちょっと面倒かな、って感じです。 今回の肝！ AndroidManifest.xml について コード全文 振動パターンについて 振動回数について 今回、やってみて思ったのは… 今回の肝！ Vibratorを使うにあたって必要な記載です。 AndroidManifest.xml 内に記載 <uses-permission android:name="android.permission.V…

…イン コード 一応、xmlも書いておきます。 こんな感じに動作します とりあえず出来ましたが、 何の役に立つの？ ほら、よくカップラーメン作る時とか、３分タイマーをセットしてピピピピって鳴った時、少し手が離せなくてちょっと時間が過ぎてしまったか？って思う事、ありませんか？（ねーよｗって思った人も、この際ある事にしておいてｗ） 百均で売ってるキッチンタイマーや、腕時計のカウントダウンタイマー機能は時間が過ぎたら０になるだけで、それからどれだけ時間が過ぎたかは教えてくれません。 …

…SSです！ 今回は、xmlにアニメーションの動作を記載して、kotlinからそれを呼び出して特定のパーツをアニメさせる方法について書きます！ 先日、予想外のつまづき（動画について）にて、 >ハマった、とは言っていますが、Androidアプリ開発においてアニメーションさせる事自体はとっても簡単です！ とか書いてましたが、色々やってみてると、変なところでハマったりしました^^;。 完成したアニメーションと、xml 作りたかったのはこういうモノ。 失敗したアニメーションと、xml …

…たAndoroidのxmlの機能について書いてみたいと思います。 百聞は一見にしかず 設定内容 百聞は一見にしかず ↑適当にサンプルで作った画面です。 まんなかの「Little Strange Software」とそのバックの立方体は、試しに作ってみたロゴですが、画面下部の「Tap to Next」の文字が今回の本題です。 実はこの文字色、背景の色とまったく同じ色を使用しています。 それでも文字がちゃんと読めるのは影がついているからですが、この影をつけるの、TextViewを…

…ていますが）」これをxmlで自作して、それを表示するとかいったような事もできるようで、まだまだ奥が深そうに思えました。 今回は「とりあえず」で割り切っちゃいますけどねｗ いずれ「その３」とか「その４」とかって書く日が来るのかも？です。 あと、あまり関係ないのですが、amazonでまた「スピナー」で検索かけてると こういった商品がヒットしました。 「手回し洗濯機」！？ 災害時の停電の時とかに役に立ったりするのかなぁ あるいは家の洗濯機には入れたくないものを洗う時用に？ というと…

…vity_main.xmlのほうから編集していきます。 で、やっぱりデフォルトのConstraintLayoutが気に入らないので、右クリックし、出てきたメニューから「Convert view」をクリックします。 出てくるダイアログからは、「LinearLayout」をクリックしてApply。 そして、LinearLayoutに変わったものを更に右クリックして、「LinearLayout」→「Convert orientation to vertical」を選択します。 その…

…その４」を振り返り xmlにボタンを１つ、追加します ~閑話休題~ MainActivity.ktの編集に移ります コピペしたコードを編集します！ ちょっと「その４」を振り返り このシリーズのその４で、アイデアだしとして↓のように書きました。 いくつか、考えてる事はあります。 列挙すると… 気に入った色が出来た時に、ボタンを押すと「お気に入りの色」としてSQLiteデータベースに登録され、アプリを閉じて再度起動した後からでも「お気に入りの色」が一覧で確認、また再度シークバー・…

…vity_main.xmlをクリックします。 ここでは、左下のTextViewをクリックして選択し、右上のidをクリックします。 TextViewに名前を付けるのですが、とりあえず「t0」とでもしておきます。 xmlの編集は以上で終わり！（TextViewにidを設定しただけ） コードの編集の方に移ります。 MainActivity.ktをクリックします。 また、importの左の＋マークをクリックして、importの内容を開いておきます。 kotlinコードを書いていきます…

…んなもんかな^^; xmlのデザイン編集画面から始めます MainActivity.ktの編集に移ります！ 実はこれで完成です。 xmlのデザイン編集画面から始めます 「activity_main.xml」をクリックします。 「Layouts」をクリックします。 「LinearLayout(horizontal)」をマウスドラッグして、 「LinearLayout(vertical)」と「btR」の間にドロップします（下図参照）。 そして、そのすぐ下にある「btR」をマウスド…

…vity_main.xmlから始めます！ 保存するためのボタンを設置します！ MainActivity.ktの編集に移ります ここで一度、試しにエミュレータにビルドしてみます！ あと１つ、SQLiteを利用したら「お片付け」が必要！ まずは、activity_main.xmlから始めます！ activity_main.xmlをデザイン編集モードで開きます！ そして、 Paletteの「Layouts」をクリック 「LinearLayout(horizontal)」をマウスドラ…

…vity_main.xmlやkadomaru.xml、MainActivity.ktなどのタブが並んでいたところにも「SQLoh」が追加され、さらにそのSQLohが編集状態になっているところまで、自動的に一気に進みます。 クラスの中身を書いていきます class SQLoh、と書かれているところにカーソルを合わせ、(conte あたりまでキーボードで打ち込むと、 ↑このような候補が出てきます。 ここではcontext: Context (android.content)をクリ…

…で、これを開いた後のxmlのコード、結構長くなっていますが、スクロールバーで真ん中あたりまで移動すると、 TableLayoutタグ、TableRawタグに続いて、Buttonタグがたくさん並んでいます。 このButtonタグ内の、@+id/に続く、「bt6」などの部分（貼り付け方によって数字とかは違うかもですが）を上から順に（全部で16個あります） 「bt00」「bt01」「bt02」…「bt15」 と、打ち換えます。（※00から始めてる点に要注意。任意の文字列ですが。） …

…、kadomaru.xmlとして作った、「角丸で背景色は半透明の白色」のデザインが、この画面下部のボタンを囲むTableLayoutに適用されて、こんな見ためになります ここで、シークバーで色を変えてみると… こんな風に、背景色をうすーくした感じの角丸。ちょっとオシャレくさくないです？…と、オシャレをまったく知らないLSSが言ってみるテスト。 で、まぁ、ビルドしてみて思った点が２つ。 起動直後に背景が真っ黒になるのに、作成画面では白色で、デザイン編集画面で感覚がつかみにくい（…

…デザインです！ またxmlの編集になります kadomaru.xmlの中身、編集していきます！ 完成したxmlの内容 続けて、メイン画面のデザイン！ TableLayoutを使ってみる！ またxmlの編集になります AndroidStudioの全容をいまだ理解していないため、xmlデザインだけでも日々新たな発見があるなーと思う今日この頃です。 この画面ですね。 まず「app」をクリックして青い選択状態にします。 で、次に左上にある「File」をクリックして開き、一番上にある「…

…ここで久々（？）に、xmlのデザイン編集画面を開きます。 で、 Paletteの「Layouts」を選び、右に出てくる「LinearLayout(horizontal)」を選び、Component Treeの「et0」の下にドラッグアンドドロップで並べます。 並べたら、次は画面右のほうにある、Attributesの中から、layout_heightの項目だけを▼をクリックして「wrap_content」に変更しておきます。 次に、今、設置したLinearLayout(hori…

…に発生したのですが、xmlにボタンを配置して、そのonClickイベントに、onCreateの外に置いたfunを呼び出すようにして、 sbR.progress=(sbR.progress * 0.9).toInt()sbG.progress=(sbG.progress * 0.9).toInt()sbB.progress=(sbB.progress * 0.9).toInt() のようにしていたんですね。（これは比率を保ったまま色を暗くするコード例） で、それは問題なく動いた…

…した。（思いのほか、xmlのデザインにも新たに学ぶ事がありましたが） と、いうわけで、やっと本題のkotlinコード作成に取り掛かります！ 配列変数について 配列変数は、ループ処理と合わせて、プログラミングの最重要な部分だと思っています。プログラミングってのがそもそも「人間がいちいちするのが面倒くさい処理をコンピュータにさせる」ための指示書で、それは例えば小学校の算数ドリルで、 5×4= 6×3= 8×7= みたいな単純な計算がずらずらっと20問ぐらい並んでた場合、算数ドリル…

…休題~ もうちょっとxmlさわるよ~ 次回に続きます！ どうも！LSSです！！ 前回は、赤・緑・青のカラフルなシークバーを画面に並べるところまでやりました！ 今回は早速、前回の続きを…と行きたいところですが…。 手直しから始まる第二回！ せっかく作ったシークバーに、なんか気になるマークが出てますよね…。 テキスト編集モードでも、 なんだか、progressTintとthumbTintに肌色？の背景色がついてるし…。 で、そこにカーソルを持っていくと、 APIレベル21以上が必…

…udioで新規作成 xmlを編集するよ～ xmlをテキスト表示モードで編集するよ～ コピペ便利！！ ～閑話休題～ 再び、Design画面へ どうも！LSSです！ 今回は自身の学習を目的に、カラーピッカーを作ってみて、その作っていく様子をブログの記事ネタにします。 自分と同じ初心者の方には参考になる部分があれば、熟練者（未来の自分含む？）には「俺にもこんな時期があったな～」と微笑ましく見ていただければ幸いです！ AndroidStudioで新規作成 いつものようにEmptyAc…

…ように書きました。 xmlでの記載 kotlinでの記載 <?xml version="1.0" encoding="utf-8"?><selector xmlns:android= "http://schemas.android.com/apk/res/android"> <item> <shape android:shape="rectangle"> <gradient android:angle="270" android:startColor="#FFFFFF" an…

…も！LSSです！！ xmlでSHAPEによるボタンの装飾、やってみた！ 突然生まれた、コードからボタン外観を変更したい欲 ネットで検索するも、ズバリな情報が見つからない件 表題の件 xmlのSHAPEをkotlinのコードから設定 最後に。 どうも！LSSです！！ Androidでアプリ開発の勉強中です。「まずは公開を目標にしてるけど、公開するとなると見栄えのいいものにしたいなぁ」と思い、色々考えたり調べたりしていたところ、【ボタン等のビューを装飾するためのxml】を作る事で…