2016年09月24日

ランキング画面の作成、UITextFieldの高さを変更

さて、今日はせこせことゲームのランキング画面を作成していました。
ランキングのロゴをお絵描きして、はりつけると、とてもそれっぽい!

UIをしっかりしないといけないと考えていますが、これが1番難しいですね。
UI=ユーザーインターフェイスのこと。アプリのユーザーが触れるボタン、ロゴなどのこと。

Xcodeで開発をしており、オートレイアウト機能を使っていますがバージョンアップしてから使いやすくなった気がしています。

その、オートレイアウトで少し問題があったのでメモ書き。

どんな問題かというと、ランキング画面のUITextFieldの高さがばらばらになってしまいました。
直そうとしてもメインストーリーボードで見たときに、高さだけがグレーアウトされていて触れない!

そこで、調べるとすぐ解決しました。


UITextFieldの高さを変更する方法


解決方法:Border Styleを角丸四角形意外に変更するだけで高さが変更できるようになります。

角丸四角形とはUITextFieldの四隅が丸くなっている設定です。
それ以外に変更すれば良いだけでした。
こういった基本を学びつつ、毎日開発して行きたいですね。

今回はUITextFieldにランキングの得点を表示させているのですが、かっこいいUIを作れるようになりたいです。
どこかにフリー素材はないでしょうか。
探して見て見つかれば、また報告して行きたいと思います。


posted by こずも at 16:56| Comment(2) | アプリ開発 | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
応援してます!
もうランキング画面を作られているということは、ゲームの内容も既にかなり出来上がっているのでしょうか?リリース楽しみにしています!
Posted by at 2016年09月25日 09:52
応援ありがとうございます。
頑張ります。
Posted by こずも at 2016年11月21日 15:01
コメントを書く
コチラをクリックしてください
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。