kiyo's blog

わくわくおいかける

Pythonista3のuiボタンの基本①

 

こんにちはkiyoです!

今回からPythonista3のドキュメントを元に使い方を分かりやすく解説したいきたいと思います!

 

まず初めにPythonista3といえばuiモジュールが強みだと思うので一番基本的な所から攻めて行きます!

________________________

ドキュメントの冒頭にあるIntroduction(uiモジュールについての簡単な説明文)がありますがそれほど重要じゃないので飛ばします笑

出来るだけ要点を押さえて手短に進めたいので笑

 

f:id:kassaaaah:20180912100443j:image

簡単に言うと

こちらが入門編ですよーと、

tap me ! と表示されているボタンを押すとhello!という文章(タイトル)に変わるプログラムです。

あんまり便利な事じゃないけど基本的な事を教えるからやってるよ!

的な文章です笑

 

こちらがそのコードです!

 

f:id:kassaaaah:20180912101200j:image

実行する前にですが、今回の場合はUI(手動でボタンの設置やサイズ変更するやつ)を使わずにコードだけで作ってます。

実行すると

これが

f:id:kassaaaah:20180915094513j:image

こうなります

f:id:kassaaaah:20180915094526j:image

Helloに変わりましたね

ではではコードの解説ですが

[1]では基本的なビューを画面上に作る。

画面がないと始まりませんからね笑

[2]ではDemoという名付けをしてタイトルバーに表示されます。

[3]ここでは背景を白に設定しています。もちろん色を変えることも出来ます。

[4]uiモジュールでボタンを作りタイトルにTap me!を設定してまとめてbutton

[5]viewのサイズを設定しています。ここでは*0.5なのでviewを半分の大きさにしています。

[6]ボタンの配置を中心にしてくれてます。'LRTB'は察しの通りleft,right,top,bottomです。

これがなければボタンが左上にいきます笑

[7]ボタンの動作を3行目で作成した関数に設定しています。引数にsenderとあるのは書くお決まりみたいなので深く考えない方が良さそうです笑

あと先頭に定義しないとダメです。

[8] [4]〜[7]で頑張ってボタンを作ったのでいよいよこのviewにボタンを置くぜ!的な感じです笑

[9]これでいよいよviewを設置します。[1]と似ていますが[1]ではviewを作る文、[9]ではviewを設置する文。だと僕は解釈してます。

あと左上にバツのボタンがありますがこの関数がデフォルトでつけてくれてます。

引数の'sheet'ですがiPhoneの場合は自動的にフルスクリーンになります。iPadなら色々いじれるみたいですが僕がiPhoneなのでここはよく分かりません笑

_______________________

 

ここまでが今回僕が調べた事です。

これちゃうやろ!っていうのがあればどんどん指摘を頂ければ幸いです笑

 

少しでも誰かに役立つ知識を提供出来たのならすごく嬉しい事です。

僕が今回の様な記事を書いた理由は二つ

  • アウトプットする自分のため
  • Pythonista3を使っている人と繋がるため

 

プログラミングを始めてからツイッターなどで誰かと繋がれてとても楽しく、やりがいを感じています。

 

これからも更新頻度は遅いと思いますが暖かい目で見てください笑