Twitter投稿アプリを作ろう! (2/5)
作成:2010-11-11 13:14
更新:2010-11-11 13:14
更新:2010-11-11 13:14
■画面のデザインを作る
では、Twitter側の準備が整ったら、実際にアプリづくりを開始しましょう。まず、プロジェクトを作成します。これは、先に登録したアプリ名で作っておくとよいでしょう。そして、以下のように部品を配置していきましょう。
TextBox
投稿するつぶやきを書き込むためのものです。名前は「TextBox1」となります。
Button(2つ)
投稿のためのボタンと、タイムラインをリロードするためのボタンを用意しておきましょう。「Button1」「Button2」という名前になります。いずれも表示テキストを適当に修正してわかりやすくしておきましょう。
Label
Tiwtterから取得したタイムラインを表示するのに使います。「Label1」という名前になります。これは縦横共にFull Parentにして広く表示されるようにしておくとよいでしょう。
Twitter
パレットの「Social」内に用意されています。見えない部品ですので、そのまま画面に配置しておけば使えるようになります。
ただし! 先ほど取得したコンシューマ・キーとコンシューマ・シークレットが設定されていないとうまくアクセス出来ません。配置したTwitter1を選択し、プロパティにある「ConsumerKey」「ConsumerSecret」欄にそれぞれの値を記述しておいてください。
ここでは、見やすいようにそれぞれの部品をScreen Arrangementの部品でレイアウトしてあります。そのあたりはそれぞれで調整してください。
TextBox
投稿するつぶやきを書き込むためのものです。名前は「TextBox1」となります。
Button(2つ)
投稿のためのボタンと、タイムラインをリロードするためのボタンを用意しておきましょう。「Button1」「Button2」という名前になります。いずれも表示テキストを適当に修正してわかりやすくしておきましょう。
Label
Tiwtterから取得したタイムラインを表示するのに使います。「Label1」という名前になります。これは縦横共にFull Parentにして広く表示されるようにしておくとよいでしょう。
パレットの「Social」内に用意されています。見えない部品ですので、そのまま画面に配置しておけば使えるようになります。
ただし! 先ほど取得したコンシューマ・キーとコンシューマ・シークレットが設定されていないとうまくアクセス出来ません。配置したTwitter1を選択し、プロパティにある「ConsumerKey」「ConsumerSecret」欄にそれぞれの値を記述しておいてください。
ここでは、見やすいようにそれぞれの部品をScreen Arrangementの部品でレイアウトしてあります。そのあたりはそれぞれで調整してください。
(by. SYODA-Tuyano.)
※プログラムリストが表示されない場合
AddBlockなどの広告ブロックツールがONになっていると、プログラムリスト等が表示されない場合があります。これらのツールをOFFにしてみてください。
※関連コンテンツ
「App InventorによるAndroid開発入門」に戻る