Studio)でGUIコンポーネントの【TextView(テキストビュー)】を追加する方法を初心者向けに解説した記事です。TextViewを使うと、簡単に文字を表示させることができます。[テックアカデミー]が運営する教育×テクノロジーのWebメディアです。初心者でもすぐ勉強できる記事が2,000以上あります。Androidアプリ開発では、アプリのパーツを簡単に追加できるGUIコンポーネントが数多く用意されています。今回はその中の1つである、TextView(テキストビュー)を追加する方法と基本的な使い方をご紹介します。Studioを使って解説しています。Studioの開発環境を構築していないという方は、Androidアプリ開発環境の構築方法をまずご覧ください。本記事はTechAcademyのAndroidアプリ開発オンラインブートキャンプの内容をもとに解説しています。今回の記事の内容は動画でもご覧いただけます。テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。Studio」でGUIコンポーネントってどうやって使うんですか〜?田島悠介レイアウトエディタで簡単に操作できるよ。試しにTextViewで試してみようか。大石ゆかりはい、お願いします♪TextViewとはTextViewは、画面にテキストを表示するためのウィジェットです。テキストの大きさやリンクの設置などのカスタマイズをすることができます。TextViewを配置するTextViewはレイアウトエディタのパレットの「Widgets」から配置できます。Text」などもあります。Viewのカスタマイズはプロパティで行います。表示するテキストを変更したい場合は、「Text」を変更します。文字のサイズは「TextSize」で変更できます。サイズの指定には、「sp」という単位を使います。センタリングなど文字の位置を変更したい場合は「Gravity」で変更できます。Gravityで設定できる主な属性は、下記の通りです。「Gravity」の欄の左側にある三角のボタンをクリックすると属性が表示されるので、適用したい属性のチェックボックスを選択します。右下に配置など複数の属性を組み合わせることもできます。これらの変更をすると、xmlファイルには次のようなコードが追加されます。コード内の「android:layout_」で始まる部分は、配置したTextViewの大きさや位置を指定しています。<TextViewandroid:id=”@+id/textView1′′android:layout_width=”wrap_content”android:layout_height=”wrap_content”android:layout_alignParentLeft=”true”android:layout_alignParentRight=”true”android:layout_alignParentTop=”true”android:layout_marginTop=”42dp”android:gravity=”center”android:text=”テキストを変更します。/>アプリを起動すると、TextViewを配置した画面が表示されます。TextViewの基本的な使い方は以上です。大石ゆかりはい、わかりました〜♪[お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルアプリが作れるAndroidアプリ開発講座(オンラインブートキャンプ)を開催しています。自分でアプリを公開してみたい場合はご参加ください。関連する記事Androidアプリ開発でArrayAdapterクラスを使ってリストを表示させる方法【初心者向け】Androidアプリを開発では、ArrayAdapterクラスを使うと簡単にリストを表示することができます。そこで今回はArrayAdapterクラスを...Androidアプリ開発Androidアプリ開発でListViewを追加する方法【初心者向け】Androidアプリ開発では、アプリのパーツを簡単に追加できるGUIコンポーネントが数多く用意されています。Studioで開発したアプリを実機でテストする方法【初心者向け】Androidアプリを開発したら、エミュレータでテストをすることもできますが、加速度センサーなど各種センサーを使ったりバイブレーション動作を入れた場合はどうして...Androidアプリ開発Kotlinの関数letの使い方を現役エンジニアが解説【初心者向け】Kotlinの関数letの使い方について解説します。本記事はTechAcademyのAndroidアプリ開発オンラインブートキャンプ...Androidアプリ開発Androidアプリ開発のGridLayoutの使い方【初心者向け】Androidアプリ開発では、アプリの画面を簡単に作成できるレイアウトが数多く用意されています。今回はそのなかの1つである、GridLayout(グリッ...Androidアプリ開発Kotlinのwhen式で条件処理分岐を実行する方法【初心者向け】Kotlinのwhen式の使い方について解説します。これからKotlinを学ぼうと考えている方はぜひチェックしておきましょう。...Androidアプリ開発あわせてよく読まれている記事Androidアプリ開発でEditTextを追加する方法【初心者向け】Androidアプリ開発では、アプリのパーツを簡単に追加できるGUIコンポーネントが数多く用意されています。今回はその中の1つである、EditTextを追加する方法と基本的な使い方をご紹介します。本記事はTechAcademyのAndroidアプリ開発オンラインブートキャンプの内容をもとに解説しています。EditTextっていうGUIコンポーネントを使うんだ。EditTextとは、テキストボックスを作成したいときに使用するGUIコンポーネントです。EditTextは、一般的に使用される「PlainText」のほかに、「Phone」や「E-mail」などさまざまな種類が用意されています。これらのEditTextはそれぞれ、入力制限として、入力できる文字の種類があらかじめ制限されて、入力をするときに表示されるキーボードも切り替わる仕組みになっています。「Number」を使用している場合、作成したテキストボックスに入力できるのは、数字のみになり、フォーカスされたときに表示されるキーボードは数値になります。「Password」を使用すると、入力した文字が黒丸で表示されます。EditTextはレイアウトエディタのパレットの「テキスト・フィールド」から配置できます。配置したいEditTextを配置したい場所までドラッグするだけです。幅は、プロパティの「layout_width」に数値を入力するか、match_parent(画面いっぱいに)などを入力します。このようにEditTextを配置すると、xmlファイルには次のようなコードが追加されます。最後に、簡単なカスタマイズの方法をご紹介します。テキストボックスには、入力ヒントを表示することが可能です。プロパティの「hint」に表示させたい文字を入力します。下の画像のように複数行を表示させるテキストボックスを作成することもできます。Type」を選択し、「textMultiLine」にチェックを入れます。「Line」に表示させたい行数を入力します。EditTextの基本的な使い方は以上です。他のGUIコンポーネントを使ってみたい場合は、Androidアプリ開発でTextViewを追加する方法も合わせてご覧ください。[お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルアプリが作れるAndroidアプリ開発講座(オンラインブートキャンプ)を開催しています。自分でアプリを公開してみたい場合はご参加ください。Androidアプリ開発Androidアプリ開発でDigitalClockを追加する方法【初心者向け】Androidアプリ開発では、アプリのパーツを簡単に追加できるGUIコンポーネントが数多く用意されています。今回はそのなかの1つである、DigitalClock(デジタル時計)を追加する方法をご紹介します。本記事はTechAcademyのAndroidアプリ開発オンラインブートキャンプの内容をもとに解説しています。時計なら、GUIコンポーネントでDigitalClockっていうのが用意されているよ。DigitalClockとは、アプリ内にデジタル時計を表示したい場合に使われるGUIコンポーネントです。DigitalClockは、レイアウトエディタのパレットの「時刻&日付」から配置できます。パレット内のDigitalClockを、配置したい場所までドラッグしましょう。※AnalogClockは、APIレベル17で非推奨となりました。パレットに出てこない場合は、下記のソースコードをレイアウトファイルに貼り付けてください。このようにDigitalClockを配置すると、xmlファイルには次のようなコードが追加されます。これでDigitalClockの配置は完了しました。アプリを起動してみましょう。画面にデジタル時計が表示されました。実機で実行したときに、この画像のように24時間表示されることがあります。これは、実機の[設定]-[日付と時刻]で、[24時間表示]にチェックが入っているためです。DigitalClockは、TextViewを継承しているため、フォントサイズやテキストの色なども同じように自由に変更できます。Size」の値を変更します。アプリを実行すると、先ほどより文字の大きなデジタル時計が表示されました。今回の記事は以上です。他のGUIコンポーネントを追加したい場合は、Androidアプリ開発でProgressDialogを追加する方法も合わせてご覧ください。簡単に時計が実装できるんですね〜。[お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルアプリが作れるAndroidアプリ開発講座(オンラインブートキャンプ)を開催しています。自分でアプリを公開してみたい場合はご参加ください。Androidアプリ開発Androidアプリ開発でButtonを追加する方法【初心者向け】Androidアプリ開発では、アプリのパーツを簡単に追加できるGUIコンポーネントが数多く用意されています。今回はその中の1つである、Button(ボタン)を追加する方法と基本的な使い方をご紹介します。本記事はTechAcademyのAndroidアプリ開発オンラインブートキャンプの内容をもとに解説しています。ButtonはGUIコンポーネントに用意されているから、設置してどう動かすかを実装するんだよ。Button(ボタン)とは、ユーザーがクリックすることで、動作をするきっかけにすることができる部品です。ボタンはあらゆるアプリで使われるのでよく目にすることも多いでしょう。Buttonはレイアウトエディタのパレットの「Widgets(ウィジェット)」から配置できます。パレット内のButtonを配置したい場所までドラッグします。このようにButtonを配置すると、xmlファイルには次のようなコードが追加されます。コード内の「android:layout_」で始まる部分は、配置したButtonの大きさや位置を指定しています。したカスタマイズの方法を最後に紹介します。Buttonに表示するテキストを変更したい場合は、プロパティの「Text」を変更します。画像を用意して、その画像をボタンの背景に使用することで、Buttonの見た目を簡単に変更することができます。プロジェクト内の「/res/drawableフォルダ」に用意した画像を保存します。フォルダが存在しない場合は新規作成してください。続いて、プロパティの「Background」の右側にある[...]ボタンをクリックすると、下の画像の様なダイアログが表示されます。画像のファイル名を選択し、[OK]ボタンをクリックします。ボタンの背景が選択した画像に変更されました。今回の記事は以上です。他のGUIコンポーネントを使ってみたい場合は、Androidアプリ開発でTextViewを追加する方法も合わせてご覧ください。[お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルアプリが作れるAndroidアプリ開発講座(オンラインブートキャンプ)を開催しています。自分でアプリを公開してみたい場合はご参加ください。Androidアプリ開発Androidアプリ開発でSwitch(トグルスイッチ)を追加する方法【初心者向け】Androidアプリ開発では、アプリのパーツを簡単に追加できるGUIコンポーネントが数多く用意されています。今回はそのなかの1つである、Switch(トグルスイッチ)を追加する方法と基本的な使い方をご紹介します。本記事はTechAcademyのAndroidアプリ開発オンラインブートキャンプの内容をもとに解説しています。田島メンター!!Androidアプリの設定画面でオンオフで設定をしたい部分があるんですけど、何かいい方法ってないですか?ラジオボタンだと実装できるかとは思うんですけど・・・。Switch(トグルスイッチ)は、Android4.0から使えるようになったGUIコンポーネントで、オンとオフの2通りの状態を入力するときに使用します。オンとオフの入力についてはToggleButton(トグルボタン)やCheckBox(チェックボックス)が使われていましたが、Switchはより状態がわかりやすく変更されています。Switchはレイアウトエディタのパレットの「フォーム・ウィジェット」から配置できます。パレット内のSwitchを、配置したい場所までドラッグしましょう。これでSwitchの配置ができました。アプリを起動すると図のように画面にSwitchが表示されます。Switchをタップすると、ONとOFFの切り替えができます。プロパティを変更してSwitchをカスタマイズしてみましょう。下記のようなプロパティがあります。xmlファイルを確認すると、次のようなコードが追加されています。アプリを起動すると図のようにカスタマイズされたSwitchが画面に表示されます。今回の記事は以上です。他のGUIコンポーネントを使ってみたい場合は、Androidアプリ開発でRatingBarを追加する方法も合わせてご覧ください。単純にオンオフだけじゃなくて文字も変えられるから、設定画面だと重宝しそうだね。[お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルアプリが作れるAndroidアプリ開発講座(オンラインブートキャンプ)を開催しています。自分でアプリを公開してみたい場合はご参加ください。Androidアプリ開発Androidアプリ開発でCheckBoxを追加する方法【初心者向け】Androidアプリ開発では、アプリのパーツを簡単に追加できるGUIコンポーネントが数多く用意されています。今回はそのなかの1つである、CheckBox(チェックボックス)を追加する方法と基本的な使い方をご紹介します。本記事はTechAcademyのAndroidアプリ開発オンラインブートキャンプの内容をもとに解説しています。CheckBox(チェックボックス)とは、クリックすることでON/OFFの2つの状態を表現することができるGUIコンポーネントです。ユーザーに「はい」「いいえ」の意思表示を求めるときなどに使われます。CheckBoxはレイアウトエディタのパレットの「フォーム・ウィジェット」から配置できます。他のGUIコンポーネントと同じように、パレット内のCheckBoxを配置したい場所までドラッグしましょう。このようにCheckBoxを配置すると、XMLファイルには次のようなコードが追加されます。コード内の「android:layout_」で始まる部分は、配置したCheckBoxの大きさや位置を示しています。最後に、ちょっとしたカスタマイズの方法を紹介します。CheckBoxのラベル部分に表示するテキストを変更したい場合は、プロパティの「Text」の値を変更しましょう。今回の記事は以上です。他のGUIコンポーネントを使ってみたい場合は、Androidアプリ開発でButtonを追加する方法も合わせてご覧ください。[お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルアプリが作れるAndroidアプリ開発講座(オンラインブートキャンプ)を開催しています。自分でアプリを公開してみたい場合はご参加ください。Androidアプリ開発Androidアプリ開発のLinearLayoutの使い方【初心者向け】Androidアプリ開発では、アプリの画面を簡単に作成できるレイアウトが用意されています。今回はそのなかの1つである、LinearLayout(リニアレイアウト)を追加する方法と基本的な使い方をご紹介します。本記事はTechAcademyのAndroidアプリ開発オンラインブートキャンプの内容をもとに解説しています。LinearLayoutとは、パーツを縦一列もしくは横一列に並べる場合に使用するレイアウトです。Eclpseで開発をする場合、LinearLayoutは縦一列に並べるLinearLayout(Vertical)と横一列に並べるLinearLayout(Horizontal)の2種類が用意されています。今回は、LinearLayoutを使用して画像のような画面を作成してみます。レイアウトは入れ子にして使用することができます。この例では、赤枠で表したLinearLayout(Vertical)に、青枠で表した3つのLinearLayout(Horizontal)が入れ子になって配置されています。LinearLayout(Vertical)を配置します。LinearLayout(Vertical)はレイアウトエディタのパレットの「レイアウト」から配置できます。パレット内のLinearLayout(Vertical)を、プレビュー画面までドラッグしましょう。次に、同様にLinearLayout(Horizontal)を3回プレビュー画面までドラッグして配置します。アウトラインで、レイアウトが正しく配置されているか確認をしましょう。LinearLayoutにパーツを配置するには、レイアウトエディタのパレットから配置したいパーツを選択し、プレビュー画面へドラッグします。配置したいレイアウト以外の場所に配置をしてしまった場合は、プレビュー画面に配置されたパーツをドラッグするか、アウトラインに表示されているパーツをドラッグして移動しましょう。3行目のボタンのように、LinearLayoutに配置されたパーツを中央寄せで表示したい場合は、レイアウトを選択し、プロパティの「Gravity」の値を「center_horizontal」に変更します。起動をして、画面を確認します。配置はこれで完了です。最後にコードを確認してみましょう。XMLタブでコードを確認すると、下記のようになっています。LinearLayoutが入れ子になっていることがわかると思います。他のレイアウトも試したい場合はRelativeLayoutの使い方も合わせてご覧ください。縦でも横でも並べられるから、使う場面がとても多いレイアウトの一つだね。[お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルアプリが作れるAndroidアプリ開発講座(オンラインブートキャンプ)を開催しています。自分でアプリを公開してみたい場合はご参加ください。CORPORATION.。