FC2ブログ

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

メモ帳開発①

1.起動画面を作成します。
 ・はじめに、新規プロジェクトを作成してください。
 ・とりあえず、HelloWorldのTextViewは不要なので削除します。
 ・アプリケーションのタイトル名に日本語を表示したいので、タイトルを変更します。
   一番簡単な方法は、AndroidManifest.xmlのLabelを変更することですが、
   これだと画面遷移するようなアプリケーションの場合にサブ画面のタイトルも同じになってしまうようです。
   なので、今回はメインのアクティビティのonCreate時にタイトルをセットしようと思います。

①valuesのstring.xmlにタイトルの文字列を追加する。
20130303-01.png

②次にメインのアクティビティのonCreateにて、タイトルをセットする。
  protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
setTitle(R.string.title_main);
}

③起動すると下記のように画面タイトルが変更されています。
20130303-02.png


2.次に保存したメモ内容をリスト表示できるようにするため、ListViewを配置し
 画面下部に「新規作成」ボタンと「削除」ボタンを用意します。

※とりあえず今は、配置するだけです。プログラム処理は今後行います。

Androidでは意外にこのレイアウト配置が苦戦します。
下記のようなレイアウト配置したアプリケーションを作成します。
20130303-03.png

下記のようなXMLファイルができることが理想です。
activity_main.xml
  <LinearLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >

<ListView
android:id="@+id/lst_MemoRereki"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1" >
</ListView>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content" >

<Button
android:id="@+id/btn_New"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:drawableLeft="@drawable/ic_btn_new"
android:text="@string/btn_new" />

<Button
android:id="@+id/btn_Clear"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:drawableLeft="@drawable/ic_btn_clear"
android:text="@string/btn_clear" />

</LinearLayout>

</LinearLayout>


上記のXML作成手順としては、
①LinearLayoutを配置
 重要な点は、layout_widthとlayout_heightをfill_parentに設定すること。
 ※fill_parentは画面全体に配置という意味

②上記のレイアウトの中にListViewを配置
 重要な点は、layout_widthは、match_parent、layout_heightは、wrap_contentを設定し、
 layout_weightは1を設定すること。
 match_parentは、親コンテナに従って画面全体に配置
 wrap_contentは、最少で配置
 layout_weightは、この部品がレイアウト内で占める割合
 ※レイアウト配置は慣れるしかないです。言葉で説明するのは難しいです。Swingと同じような感じ。

③①のレイアウトの中にさらにLinearLayoutを配置
 ボタンを横並びに配置したいのでLinearLayoutを配置
 同じように幅・高さ・画面上で占める割合を指定します。

④上記のレイアウトにボタンを2つ配置(ボタンを横並びで配置)

⑤各種ボタンの名称を変更します。(※名称の変更はプロパティのTextからNewString作成で簡単にできます。)

⑥ボタンのアイコンを変更します。
 アイコンの作成方法へ

ここまでが起動時の画面イメージの作成方法です。

長くなったので、続きはメモ帳開発②へ

























人気ブログランキングへ FC2 Blog Ranking BS blog Ranking
ブログランキング
スポンサーサイト

テーマ : プログラミング
ジャンル : コンピュータ

コメントの投稿

非公開コメント

カテゴリ
最新記事
最新コメント
PR





最新トラックバック
月別アーカイブ
検索フォーム
RSSリンクの表示
ブロとも申請フォーム

この人とブロともになる

QRコード
QR
logo_shop2.png
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。