どうも！LSSです！！ これまで、CSSのグラデーション（linear-gradient radial-gradient）で遊んできましたが…今日初めて知ってびっくり！ CSSのグラデーションは「もう１種類」あったようです！！ conic-gradientのテスト repeating-conic-gradient という事は、こんな事もCSSで出来ちゃいますね！ あとがき conic-gradientのテスト .conictest{ background-image:coni…

…er.mozilla.org developer.mozilla.org 吹き出しを作る他にも、画像を特殊形状で切り出すとか、floatと組み合わせて凝った文字配置が出来たりするようです。 文字配置と言えば、「shape-outside」というプロパティがありますが、「shape-inside」が今のところ無い（将来的に実装？）そうで、もしそれが実装されたらpaddingによる調整が不要になりそうですね。 ってなとこで、今回はこのへんで！ 次回もまた、よろしくお願いします^^

どうも！LSSです！！ 本日9/13、ブログ開設から１年め最後の日を迎えました^^ １年経過しての概要はこんな感じ 最初から迷走しているｗ 現在も絶賛迷走中です！！ １年経過しての概要はこんな感じ うるう日を含めて、かつ本日投稿済なので「ブログ投稿日数」「連続投稿日数」が３６６日になっています。 １年目終了間際になって、急におかしなシリーズを始めたものだから、読者登録減るかも？？と思っていましたが、幸いにしてそんな事もなく。 しかも「コメントしづらそうなネタ」と書いてる自分が…

… 画面関連 xml shape Animation パーツ関連 TextView SeekBar NumberPicker 音関連 Ringtone MediaPlayer SoundPool 時間関連 calender handler データ保管関連 SharedPreferences SQLite その他 AndroidManifest.xml クラス Vibrator GooglePlay Intent ImageAsset .jks 購入書籍 このインデックスは随時追…

…> <item> <shape android:shape="rectangle"> <solid android:color="#FF000000"/> <corners android:radius="10dp"/> </shape> </item> <item android:top="0dp" android:left="0dp" android:right="10dp" android:bottom="10dp"> <shape android:shape="rec…

…> <item> <shape android:shape="rectangle"> <solid android:color="#FF000000"/> <corners android:radius="10dp"/> </shape> </item> <item android:top="10dp" android:left="10dp" android:right="0dp" android:bottom="0dp"> <shape android:shape="rec…

…のですね。 その中でSHAPEタグを使って、グラデーションや角丸を実現する事はだいぶ前からやってはいましたが、layer-listを使うとその名前の通り「レイヤー」として要素を重ねあわせて使う事が出来るようになるので、表現の幅が広がります！ ※表現の幅が広がる＝よりデザインセンスが問われる事になりそうなのが怖いｗｗｗ 今回はこんな感じのものを作ります！ タグの構造 まず、xmlを作成します layer.xmlの内容を編集します ここで一旦、表示テスト！ 再び、layer.xm…

…おさえたいところ。 SHAPEで色々と見た目を変えられる…のは、画面レイアウトのxmlをHTMLに例えると、CSSのような役回りと認識しています。 記事にしていない要素として「タップされた時」と「タップされていない時」で見た目を変える事が出来る、というのがありますが、こちらは公開済みアプリで実装済み。 まだ試した事もないけど存在を知ってる要素としてlayerというのがあるようです。 ドロワブルリソースの中で「要素を重ねて表示」するもののようで、影をつけたり、フチをつけたり、複…

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

…g.com に書いたSHAPEによる装飾です。（かなり初期の記事、懐かしいｗ） 記事はKotlinから設定する方法で、今回のアプリはxmlで作っただけのものですが。 出題部分にはまたアニメーション効果を何通りか付与しています。 時間制限や残り時間の表示は little-strange.hatenablog.com little-strange.hatenablog.com に書いたような方法を使用しています。 そんな感じで まだまだ覚える事は多くありますが、今日までにやってき…

…gacyをクリック、Shapeで形状を選んで、右下のNextをクリックします。次の画面でFinishをクリックすると、ImageAssetが終了して完成！！ インストールしてみます！ では早速、いつものようにエミュレータにインストールしてみます。 で、また昨日の繰り返しになりますが、立ち上がったアプリを即終了！させて、 アプリ一覧を開いてみます！ …うん、まぁ…センスが～とか、文字が読み難いとか、改善の余地ばっかりありそうではありますが、「結構手軽にアイコンが作れるんだ！」っ…

…をクリックします。 Shape「Square」となっているところを▼を押して何通りかの形状を選ぶ事ができ、それに応じて右のサンプル中「Legacy icon」の形が変化します！ ええと…間違ってるかも知れないのですが、つまり、 Android8.0からの「アダプティブアイコン」は、ユーザー側でアイコンの形状を選択する自由が与えられたため、開発者側は用意された形状のどれが選択されても、うまく収まるようにアイコンを作る必要が出てきた。 Android8.0未満の時は、開発者が四角…

…作る事にしました！ SHAPE、タイマー、アニメ、SharedPreferencesぐらい扱えると、それなりの演出とかも大丈夫かな？と^^ で、実際に作り始めると、やっぱ「つまづき」は発生しますね。 AndroidStudioはエディタ上でリアルタイムに、あるいはコンパイル時に色々とエラーを検出してくれて、どこがおかしいかも親切に教えてくれます。 が！ エディタ上は異常無し、コンパイルも通る、が実際にエミュレータや実機で走らせると発生するエラーってのが、かなり厄介^^; …正…

…iewを重ねるとか、SHAPEを使って云々…ではなく、 <TextView android:id="@+id/textView" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginBottom="36sp" android:gravity="center_horizontal" android:shadowColor="#000000" a…

…ayoutの使用と、SHAPEによる角丸の枠を作る、てな事をやっていきます。 ↑目指すのはこういうデザインです！ またxmlの編集になります kadomaru.xmlの中身、編集していきます！ 完成したxmlの内容 続けて、メイン画面のデザイン！ TableLayoutを使ってみる！ またxmlの編集になります AndroidStudioの全容をいまだ理解していないため、xmlデザインだけでも日々新たな発見があるなーと思う今日この頃です。 この画面ですね。 まず「app」をク…

前回のあらすじ <shape android:shape="rectangle"> android:angle="270" android:startColor="#FFFFFF" android:type="radial" android:gradientRadius="135dp" android:centerX="0.2" android:centerY="0.2" <corners android:radius="10dp"/> <stroke android:wid…

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