UI（デザイン・アプリの作り方etc) – ページ 3 – Little snake is going …May the CODE be with you.

Swift独学プログラミング　プログラミング初心者のUIimageviewとUIButton はどっちを上に配置する？〜答えはもちろん編〜

Posted on 2020年5月15日2020年5月15日 by kohebi

あっ　どうも子へびです。

新しいソファーがきて根が生えて動けずぐーたらしてしまう子へびです。ソファーに座り根が生えても強気にソファーから立ち去れる方法があるならば是非伝授してもらいたいです。笑

ようやく graphic画像がうまく表示されるようにファイル・関数を書くことができたので次のステップ。その画像をタップするとボタンの色が変わる。っという仕組みにしたいと思ってコードを足していったのですが・・・・。

子へび

ボタンタップすると表示画像が何故だか上部へジャンプしている・・・。ボタンの色はちゃんと変わっているのに・・・。何故だ！？

Master松陰に報告すると

Master松陰

画像がビックリするからじゃない？

っと全くからかわれております。

子へび

そんなアレンジ加えてません！それにそんなアレンジ加えたくても加え方もわからないですし！

子へびにはもちろんそんなテクニックないですし、意図して作っているわけではもちろんありません。笑

オートレイアウトの配置の問題なのかなー？子へびの関数の作り方が悪いのかな〜？また解明作業となっております。

子へび

ようやくUIがそれらしくなってきたのにちっとも進まない・・・。

とそんな穴に落ちている最近の子へびです。
本当に進んでいるのか子へび？！

子へび

えっ？！

Swift 独学プログラミング　プログラミング初心者のCoreGraphics画像作成〜考え方編〜

Posted on 2020年4月21日2020年4月21日 by kohebi

あっ　どうも子へびです。
PSYCHO-PASSにまた打ちのめされた子へびです。あ〜なんて素敵な世界感なんだ〜。いつかダンゴムシをあんな風に改造できる唐之杜志恩さんみたいなスペシャルなエンジニアになりたいものです。ダンゴムシカッコよすぎ。でも一番好きなキャラクターは法斑静火。もうノックダウンです。笑

連日アニメネタ満載の子へびがどうしてもCoreGraphicsの色々なサンプルコードを見ていてもイメージがわかなくてMaster松陰に相談したところ図解で説明してくれました。

これはMaster松陰が今週リリースしたApplewatchのアプリの抜粋ですが

Master松陰

Apple watch持っている方は是非ダウンロードしてみてね！

との宣伝もいただきましたが、この考え方の画像もくれました。子へびはこのイメージを作るクラスと作画するクラスを組み合わせることがどうしてもイメージできなかったのです。UI imageを作ってｄrawする。こうシンプルに覚えるのが一番良いかな〜？後は深く考えずCoregraphicの持つ決まったコードの書き方を実行する。（←子へびこれも実は苦手でよくMaster松陰にそこはそおゆうものだから考える必要ないとよく注意されます。）
これにより子へびのCore graphicは動き出したのですが、動いてはいるけどなんかちょっと動きが違うような気がして、完璧に完成はしていません。そして夢の中でcontextにうなされました。笑

子へび

夢の中でもコードが書けて問題点を解決してくれたらいいのに。

っと感じてしまう子へびです。あと少しなのに・・・。このまま穴に落ちないように頑張ります。

子へび

とほほ・・・。

Swift 独学プログラミング　プログラミング初心者のCoreGraphicsの作り方〜理想のUI image作り編〜

Posted on 2020年4月8日2020年4月8日 by kohebi

あっ　どうも子へびです。

コーヒー好きの子へびですが、前からスタバにバナナが売ってるのが不思議でならなかったのですが朝起きてどうしてもバナナが食べたくなってスタバにバナナとコーヒーを買いに行って早速食べてみると・・・。ああっああっ合う！コーヒーとバナナってとっても相性がいいんですね。笑　しばらく朝ごはんにバナナとコーヒーハマってしまいそうです。でももしかしてスタバのバナナが美味しいのかな？

子へびの何回目の書き換え？！のアプリUIですが、思い描いている画像をどう作り込んだらいいか分からずに早速Master松陰に相談すると

子へび

星画像を1つ作って例えば3だったら3つ表示するみたいにしたいのですがどんな作り方がありますか？

Master松陰

セルに作る画像は１つにしても出来るよ。UIImageに入れるビットマップを動的に生成してそれに★を必要分だけ描くのよ。そういったグラフィックの操作は、CoreGraphicsを使えば自在にできるよ！

子へび

また日本語が解らない・・・。

止まらないMaster松陰

Master松陰

[CoreGraphics](https://qiita.com/moonkids/items/4f89701dbc397107a867)
このあたりかな
pdfで作った★も作画できるよ

let image = UIImage(named: “star.pdf”…
image.draw(in: rect)

こんな感じで、カレントのUIGraphicsGetCurrentContext
に作画してくれるのよ。

と言われてまだ日本語が理解できない子へびですが、頑張って自分の思い描いている形に仕上げたいと思います。笑

ただいまMaster松陰はApplewatchのアプリ作りにハマっているそうです。Applewatchって使いやすいのかな？たまに使ってる人見ますがまたMaster松陰のアプリApplewatch版が完成したらご紹介します〜。

Swift 独学プログラミング　プログラミング初心者のXcodeデザイン設計の難しさ〜ボタン配置編〜

Posted on 2020年2月2日2020年2月2日 by kohebi

あっ　どうも子へびです。

コーヒー大好き子へびはランチの時コーヒーを飲めるお店に必ずいくのですか、某コーヒーショップに外出ついでに立ち寄った際に、ドリップコーヒーはちゃんと熱々そしてBGMの選曲が最高という店舗に遭遇しました。飲食チェーン店で子へびは働いたことがないのでよくわからないのですがお店でかけるBGMって通常スタッフにお任せなんですか？イメージは全店同じなんだと思っていたのですが。このお店に限ってはプレイリスト何かけてかけてるんですか？と思わず聞きたくなってしまいました笑　出てきたコーヒーも美味しかったしやっぱりスタッフのセンスかな？

子へびのアプリ作りはこのサイトの更新が滞っている点から見て難航しているというのがお分かりいただけることかと存じます笑。

レイアウトボタン配置・そしてソースコードを用いてボタンに画像貼り付け・画像の作成。この３つを作成するのに１歩進んで４歩さがるみたいな笑。言わんとするところ全然完成しないということです。とある日の出来事

子へび

よしボタン配置ができたぞ！Master松陰にチェックしてもらおう！Master松陰これでどうですか？

Master松陰

ボタンに書かれてる文字が４つがたがたじゃない？明らかに変ね

子へび

・・・。確かにこんな出来では絶対にMaster松陰がよしと言ってくれるわけない。でもこの絵と文字を揃えるの柄もそれぞれ違うし至難だ！ということはそもそも画像の中に文字を書くというデザインがそもそも間違えなんじゃないか？子へびみたいな大雑把な性格の持ち主にこの設計自体起動修正を求められてるんじゃないか？

っと考えました。綺麗に見えるデザイン設計とそう見えるように簡単に作るってことがそもそも重要な気がしてきました。そして子へびはもっと細部にわたるまでの神経とそれに耐えられるだけの根性と鍛錬が必要だ！っとコンピュータに教えられているような気もします笑。

子へびに足りないものを教えてくれてるんですかね？

ということで設計の見直しをしてみようと思っております・・・。

Master松陰

まだできないの？

子へびを見るたびにMaster松陰は最近よく言ってきます。

子へび

とほほ・・・。