Androidプログラミングに挑戦2!(10)単位変換アプリを作る(その1)

0
    JUGEMテーマ:プログラミング

    それでは予告通り、簡単な単位変換アプリを作っていきます。今回はまず画面設計です。

    まずは、空のプロジェクトを作ります。



    今回はメニューもいらないのでEmpty Activityを選びました。

    uc014.png

    Empty Activityでも「Hello World!」は作ってくれます。
    でも要らないのでまず消します。マウスでクリックして「Delete」キーです。

    uc016.png

    そしたら最初にLinearLayout(Horizontal)を、左のメニューから右の画面にドラッグします。すると画面いっぱいに青い四角が広がります。

    uc021.png

    そうしたら、改めて左のメニューにある「Large Text」をドラッグしてこの青い四角の中に配置します。

    uc017.png

    次に「Large Text」の文字を「入力:」に変えましょう。
    まず、Large Textの文字をダブルクリックして、「…」をクリックします。

    uc018.png

    するとリソース選択画面になりますので、下の「New Resource」ボタンから「New String Value」を選びます。

    uc019.png

    ここで、Resouce nameを「input」、Resource valueを「入力:」としてOKをクリックします。

    uc020.png

    これで画面の文字が「入力:」に変わります。
    次に、入力エリアを作ります。左のメニューの下の方にある「Number(Decimal)」を先ほどの「入力:」の右側に配置します。

    uc022.png

    そうしたらその右にもう一つLargeTextを配置します。

    uc023.png

    先ほどと同じ手順でこの文字を「lbs」に直します。つまり「ポンド」、単位ですね。
    出来ましたら、今度は右のツリーで「LinearLayout」を選択し、画面に青い四角が広がったら、右下のプロパティエリアから「layout:height」の右の欄にある「match_parent」の文字をクリックし、出てきたメニューから「wrap_content」に変更します。親要素である画面いっぱいに広がっていたのが、これで内部コンテンツをちょうど覆うような大きさに縮みます。

    uc024.png

    同じようにして今度は出力エリアを作っていきます。
    linearLayoutの中に「出力:」、初期値の「0」、そして単位は「kg」です。

    uc025.png

    最後に左のメニューから今度はボタンをもってきて、出力エリアの下に配置します。

    uc026.png

    これも同じようにダブルクリックからリソースを設定し、表示文字列を「変換」にします。

    uc027.png

    なんと、一行もコードを書かずに画面設計が完了してしまいました。
    恐るべし、Android Studio!

    では切りがよろしいので今回はここまで、次回はコードを少し書いてやります。


    コメント
    コメントする








       

    calendar

    S M T W T F S
      12345
    6789101112
    13141516171819
    20212223242526
    2728293031  
    << October 2019 >>

    アクセスカウンタ

    合計:
    今日:
    昨日:

    selected entries

    categories

    archives

    recent comment

    • ホームページをリニューアルするの巻(19)−Googleウェブサイト翻訳ツールを組み込む
      てちくん
    • ホームページをリニューアルするの巻(19)−Googleウェブサイト翻訳ツールを組み込む
      てちくん
    • ホームページをリニューアルするの巻(19)−Googleウェブサイト翻訳ツールを組み込む
      小田きく江
    • ロリポブログでGoogleにサイトマップを登録する際の注意事項
      てちくん
    • ロリポブログでGoogleにサイトマップを登録する際の注意事項
      suraugi
    • いそべぇのペーパークラフトを作る(初級編)(12)
      てちくん
    • いそべぇのペーパークラフトを作る(初級編)(12)
      だべえ
    • noomでマイナス12kgのダイエットに成功!
      Yoko

    recommend

    recommend

    recommend

    ドール デザートメーカー ヨナナス901
    ドール デザートメーカー ヨナナス901 (JUGEMレビュー »)

    結構高いんです、でも欲しいんです!

    links

    profile

    書いた記事数:173
    最近の更新日:2017/01/30

    search this site.

    others

    mobile

    qrcode

    powered

    無料ブログ作成サービス JUGEM

    Google Adsense

    楽天ブックス

    楽天