Androidアプリ開発でArrayAdapterクラスを使ってリストを表示させる方法【初心者向け】Androidアプリ開発Androidアプリ開発でArrayAdapterクラスを使ってリストを表示させる方法【初心者向け】Androidアプリ開発で「ArrayAdapterクラス」を使ってリストを表示させる方法を初心者向けに解説した記事です。レイアウトファイルのListViewを使いながら、どんなコードを書くのか紹介しています。[テックアカデミー]が運営する教育×テクノロジーのWebメディアです。初心者でもすぐ勉強できる記事が2,000以上あります。Androidアプリを開発では、ArrayAdapterクラスを使うと簡単にリストを表示することができます。そこで今回はArrayAdapterクラスを使ってリストを表示する方法を初心者向けにご紹介します。本記事はTechAcademyのAndroidアプリ開発オンラインブートキャンプの内容をもとに解説しています。大石ゆかり田島メンター!!GUIコンポーネントのListViewってどうやって使うんですか〜?田島悠介ListViewはArrayAdapterクラスっていうのを使って表示する項目を指定するんだ。一緒にやってみようか。ArrayAdapterクラスの使い方まず、レイアウトファイルにListViewを配置します。次に、res/layoutフォルダに新しいファイル「rowdata.xml」を作成します。このファイルには、リストビューを表示したときの1行分のレイアウトを記述します。encoding=”utf-8′′?><TextViewxmlns:android=”http://schemas.android.com/apk/res/android”android:layout_width=”fill_parent”android:layout_height=”wrap_content”android:textSize=”20sp”/>さらに、MainActivity.javaには次のように記述します。今回はアプリが起動したときに実行されるonCreateメゾットに記述していきます。Pie”,...,”KitKat”};でリストに表示する配列を用意しています。array);でArrayAdapterクラスのオブジェクトを作成しています。ArrayAdapterの2番目の引数には、上で用意したレイアウトファイル、3番目の引数は先ほど用意した配列を指定します。最後にlistView.setAdapter(arrayAdapter);で、最初にレイアウトに用意したListViewにarrayAdapterをセットしています。これでリストを表示する準備ができました。アプリを起動すると、リストビューに用意した配列が表示されていることが確認できます。ArrayAdapterクラスを使ってリストを表示する方法は以上です。Androidアプリ開発をさらに効率よくしたい場合は、Androidアプリ開発のLayoutの使い方も合わせてご覧ください。大石ゆかりこうやってリストを表示するんですね〜。田島悠介はじめはちょっと使い方が難しいかもしれないけど、慣れたらリストの表示には欠かせないから覚えておいて損はないね。大石ゆかりはい、わかりました〜♪[お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルアプリが作れるAndroidアプリ開発講座(オンラインブートキャンプ)を開催しています。自分でアプリを公開してみたい場合はご参加ください。関連する記事Androidアプリ開発でログ(Log)を出力する方法【初心者向け】Androidアプリを開発するときに便利な、[LogCat]ビューにログを出力(取得)する方法をご紹介します。初心者でもできた!Androidアプリの開発環境構築方法(Windows編)自分でもAndroidアプリを開発してみたい!と思う方も多いのではないでしょうか。そこで今回は、初心者でもできるWindowsのAndroidアプリの環...Androidアプリ開発Androidアプリ開発でTimePickerDialogを追加する方法【初心者向け】Androidアプリ開発では、アプリのパーツを簡単に追加できるGUIコンポーネントが数多く用意されています。今回はそのうちの1つである、TimePick...Androidアプリ開発Androidアプリ開発でAnalogClockを追加する方法【初心者向け】Androidアプリ開発では、アプリのパーツを簡単に追加できるGUIコンポーネントが数多く用意されています。そこで今回は、An...Androidアプリ開発Androidアプリ開発でImageButton(イメージボタン)を追加する方法【初心者向け】Androidアプリ開発では、アプリのパーツを簡単に追加できるGUIコンポーネントが数多く用意されています。今回はそのなかの1つである、ImageBut...Androidアプリ開発あわせてよく読まれている記事Androidアプリ開発でListViewを追加する方法【初心者向け】Androidアプリ開発では、アプリのパーツを簡単に追加できるGUIコンポーネントが数多く用意されています。今回はそのなかの1つである、ListView(リストビュー)を追加する方法と基本的な使い方をご紹介します。Studioの開発環境を構築していないという方は、Androidアプリ開発環境の構築方法をまずご覧ください。本記事はTechAcademyのAndroidアプリ開発オンラインブートキャンプの内容をもとに解説しています。それならListViewコンポーネントがあるよ。ListViewコンポーネントを使うと、リソースから一覧で表示したりできるんだ。プロジェクト内の「/res/layout」で、ListViewを配置したいアクティビティのXMLファイルを開きます。ListViewはパレットの「Containers」から配置できます。パレット内のListViewを、配置したい場所までドラッグしましょう。これでListViewの配置ができました。xmlファイルを確認すると、次のようなコードが追加されています。この記事では、ListViewにリスト項目を表示させる方法を解説します。MainActivityのonCreateを以下のように修正します。data.add("算数");Androidアプリ開発Androidアプリ開発でBitmapクラスを使って画像を表示させる方法Androidアプリを開発では、Bitmapクラスを使って画像を表示したり変更したりすることができます。そこで今回はBitmapクラスを使って画像を表示させる方法を初心者向けにご紹介します。本記事はTechAcademyのAndroidアプリ開発オンラインブートキャンプの内容をもとに解説しています。それならBitmapクラスを使うと実装できるよ。Bitmapクラスは複数の画像形式に対応しているんだ。Bitmapクラスを使って画像を表示するときに使用できる画像形式は次の3種類です。これらの画像形式で画像を用意するようにしましょう。それでは、実際に使用してみましょう。使用する画像は、resファイル内にdrawableファイルを用意し、画像を配置します。その際、形式が違うファイルで画像の名前が同じにならないように注意しましょう。今回は、次の2つの画像を用意しました。レイアウトファイルにImageViewを用意しておきます。ImageViewはレイアウトエディタのパレットの「Images」から配置できます。パレット内のImageViewを、配置したい場所までドラッグしましょう。すると、以下の画像のようなダイアログが表示されます。これは、表示する画像を選択するためのダイアログです。今回は、後ほど表示する画像を選択するのでキャンセルにしてもいいのですが、画像が変化したことをわかりやすくするため、drawableフォルダにコピーした画像「blue」を選択し、[OK]ボタンをクリックします。これでImageViewの用意ができました。ここでMainActivity.javaには次のように記述します。今回はアプリが起動したときに実行されるonCreateメソッド内に次のように記述してみましょう。この行では、drawableに保存した画像をBitmapに変換しています。この行で、上で変換したBitmapをレイアウトに用意したImageViewにセットしています。これで画像の表示の設定ができました。アプリを実行して画面を確認してみましょう。アプリを起動すると、onCreateメゾットが実行されるので、ImageViewに表示されるのは、「red.png」になります。Bitmapクラスを使って画像を表示する方法は以上です。Androidアプリで何か操作した後に画像を変更することってあるだろうから、覚えておいたほうがいいね。Androidアプリ開発をさらに効率よくしたい場合は、Androidアプリ開発のLayoutの使い方も合わせてご覧ください。[お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルアプリが作れるAndroidアプリ開発講座(オンラインブートキャンプ)を開催しています。自分でアプリを公開してみたい場合はご参加ください。Androidアプリ開発Androidアプリ開発でResourcesクラスを使ってリソースを参照する方法Androidアプリ開発では、Resourcesクラスが用意されていて、画像やテキストなどの外部リソースを利用して開発することができます。そこで今回はResourcesクラスを使ってリソースを参照する方法をご紹介します。本記事はTechAcademyのAndroidアプリ開発オンラインブートキャンプの内容をもとに解説しています。Resourceクラスっていうのが用意されていて、それを使ってアクセスできるんだ。今回は、TextViewのテキストを外部リソースを参照して変更するプログラムを紹介します。レイアウトファイルにテキストビューを追加します。res/valuesフォルダ内にstrings.xmlファイルがあります。Studioで新しいプロジェクトを作成したときに作成される文字列を管理するためのファイルです。開いて、以下の赤字の記述を追加します。次に、MainActivity.javaを開いてアプリが起動したときに実行されるonCreateメゾット内に次のように記述してみましょう。txt.setText(“主人公の名前は”+name+”です。外部リソースから文字列を取得する場合、次のように記述します。上で取得した文字列をtxt.setText(“このアプリのタイトルは”+app_name+”です。”);でTexViewのテキストとして使用しています。アプリを実行すると、画像のようにTextViewが表示されます。今度は試しに、strings.xmlファイルの...を別の名前に変更してみましょう。再度アプリを実行してみましょう。TextViewに表示される言葉が変わっています。この方法を使うと、複数のアクティビティでテキストでも簡単に変更できるので、開発中に主人公の名前が変わったという場合などとても便利です。Resourcesクラスを使ってリソースを参照する方法は以上です。合わせてご覧ください。Resourcesクラスでこうやってアクセスするんですね。リソースははresディレクトリの中身を変更するだけで一括して変更できるから、アクティビティが複数あって共通しているリソースを使うときにはとても有効だよ。[お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルアプリが作れるAndroidアプリ開発講座(オンラインブートキャンプ)を開催しています。自分でアプリを公開してみたい場合はご参加ください。Androidアプリ開発Androidアプリ開発でTypefaceクラスを使ってフォントのスタイルを指定する方法【初心者向け】Androidアプリ開発では、Typefaceクラスを使ってフォントや書体を変更することができます。今回はTypefaceクラスを使ってフォントのスタイルを指定する方法を初心者向けにご紹介します。本記事はTechAcademyのAndroidアプリ開発オンラインブートキャンプの内容をもとに解説しています。それなら、Typefaceクラスを使うと変更できるよ。フォントのスタイルとして定義されているものをご紹介します。用途に応じて使い分けてください。それでは、実際に使用してみましょう。レイアウトファイルにTextViewを用意します。アプリを起動すると、配置したTextViewは画像のように表示されます。今回はこのTextViewを太字で表示してみましょう。太字にするには、MainActivity.javaに下記のように記述します。今回はアプリが起動したときに実行されるonCreateメゾットにTypefaceクラスを使ってTextViewのスタイルを指定します。記述をしてからアプリを起動すると、TextViewはTypefaceクラスで指定した太字で表示されていることが確認できます。同じ要領でTextViewを追加し、コードの太字の部分を書き換えてフォントのスタイルを指定をしてみましょう。実際に起動するとそれぞれTypefaceクラスで指定したスタイルで表示されます。Typefaceクラスを使ってフォントのスタイルを指定する方法は以上です。Androidアプリ開発をさらに詳しくなりたい場合は、Androidアプリ開発のLayoutの使い方も合わせてご覧ください。[お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルアプリが作れるAndroidアプリ開発講座(オンラインブートキャンプ)を開催しています。自分でアプリを公開してみたい場合はご参加ください。Androidアプリ開発Androidアプリ開発でGridViewを追加する方法【初心者向け】Androidアプリ開発では、アプリのパーツを簡単に追加できるGUIコンポーネントが数多く用意されています。今回はそのなかの1つである、GridView(グリッドビュー)を追加する方法と基本的な使い方をご紹介します。本記事はTechAcademyのAndroidアプリ開発オンラインブートキャンプの内容をもとに解説しています。GridView(グリッドビュー)は、列数を指定して要素をグリッド形式で表示させることができるGUIコンポーネントです。たくさんの画像を一覧で表示するときなど、要素を見やすく表示できます。今回はGridViewにテキストを表示させていきます。GridViewのセルに表示させるレイアウトを作成しておきます。「/res/layout」フォルダにcell_layout.xlmというファイルを新規で作成します。file]を選択します。name]に新規作成したいファイル名を入力し、[OK]ボタンをクリックします。これで新規ファイルが作成されました。今回はレイアウトビューを使用せず、テキストボックスのみを配置します。レイアウトファイルだけでなく、xmlファイルを直接編集します。activity_main.xmlに戻り、GridViewを配置していきます。GridViewはレイアウトエディタのパレットの「コンポジット」から配置できます。パレット内のGridViewを、配置したい場所までドラッグしましょう。これでGridViewの配置ができました。xmlファイルを確認すると、次のようなコードが追加されています。このままではアプリを実行してもデータは表示されません。そこで、データを反映させるためにjavaファイルを編集して、onCreateメゾットに、次のコードを追加します。”しし座”,”おとめ座”,”てんびん座”,”さそり座”,”いて座”,”やぎ座”,Androidアプリ開発Androidアプリ開発でColorクラスを使って文字の色を変える方法【初心者向け】Androidアプリを開発では、Colorクラスを使ってアプリの起動中に文字の色を変えることができます。Colorクラスとは、その名の通り、色に関する指定をするクラスで、定義済みの色やRGBを使ってテキストの色や背景色の指定をすることができます。今回はColorクラスを使って文字の色を変更する方法を初心者向けにご紹介します。本記事はTechAcademyのAndroidアプリ開発オンラインブートキャンプの内容をもとに解説しています。色はColorクラスで定義されているものを使う方法と、rgbで自分で決める方法とがあるよ。Colorクラスで色を指定する場合、定義済み色が用意されています。これを使うと簡単に色を指定することができます。定義済みの色をご紹介します。それでは、実際に使用してみましょう。レイアウトファイルにTextViewを用意します。MainActivity.javaには下記のように記述します。今回は例として、アプリが起動したときに実行されるonCreateメゾットにColorクラスを使ってTextViewの色を指定しています。これでアプリを起動すると、TextViewの色はColorクラスで指定した青で表示されます。同じ要領でTextViewを追加し、Colorクラスで色の指定をしてみましょう。実際に起動するとそれぞれColorクラスで指定した色で表示されます。定義済みの色以外を使う場合は、RGB形式で色を指定します。RGB形式で色を指定する場合は、次のように使います。引数は左から順に赤、緑、青の色の濃さを0から255まで数値で指定します。赤を指定したい場合、次のように記述します。実際にRGB形式で指定した例はこの画像の通りです。自分の好みの色に指定してみてください。RGB形式の応用です。RGB形式で色を指定する場合、次のようにすれば透明度も指定することもできます。透明度は0から255までの数値で指定し、値が小さいほど透明に近くなります。例として、透明度も含めて指定する場合は、次のように記述します。上にある文字ほど透明に近いことがわかりますね。これでColorクラスを使って文字の色を変える方法は以上です。Androidアプリ開発をさらに円滑にしたい場合は、Androidアプリ開発のLayoutの使い方も合わせてご覧ください。テキストの色を変えるのってかならず使うから、どちらの方法も覚えておいたほうが良いね。[お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルアプリが作れるAndroidアプリ開発講座(オンラインブートキャンプ)を開催しています。自分でアプリを公開してみたい場合はご参加ください。CORPORATION.。