ビデオ: 【Javaプログラミング講座/Webアプリケーション #2】JavaServletの基本とWebページの表示(サーブレット/HTML/エンコード/デコード) ※1.5倍速での再生を推奨 2024
Androidアプリケーション開発の一般的なガイドラインは、ロジックとプレゼンテーションを区別するよう指示します。あまり技術的に言えば、このガイドラインは、アプリの仕組みとアプリの仕組みを混同しないように警告しています。このガイドラインは、多くの人生の側面に適用されます。たとえば、ウェブサイトを設計する場合、アーティストにレイアウトを行い、オタクにコーディングをさせる。レポートを書く場合は、最初に書かれたアイデアを入手してください。後で、フォントや段落スタイルについて心配することができます。
<! - 1 - >アプリケーション開発に関する文献には、フォームを機能から分離するための具体的なテクニックとフレームワークが記述されています。
あなたのアプリにボタン、ボックス、その他のグッズを追加するには、以下のようにします。
- Android Studioを起動して新規プロジェクトを開始します。これらの手順を完了すると、空のアクティビティを持つまったく新しいプロジェクトが作成されます。プロジェクトはAndroid Studioのメインウィンドウに表示されます。
- 新しいプロジェクトの
app / res / layout
ブランチ(メインウィンドウのプロジェクトツールウィンドウ内)で、activity_mainをダブルクリックします。 xml
。その結果、Android StudioのDesignerツールはactivity_mainの内容を表示します。 xml
。 Designerツールには、ドラッグ&ドロップによるビジュアル編集のためのデザインモードと、XMLコード編集のためのテキストモードという2つのモードがあります。したがって、Designerツールの下部には、[デザイン]タブと[テキスト]タブの2つのタブがあります。 - デザインタブをクリックします。
<! - 2 - >
デザインモードでは、パレット、コンポーネントツリー、2つのプレビュー画面、およびプロパティペインが表示されます。
パレットが表示されない場合は、Designerツールの左端にある小さなパレットボタンを探します。そのボタンをクリックすると、パレットが表示されます。
コンポーネントツリーには、 TextView - "Hello World!"というラベルのブランチがあります。 " このブランチは、テキスト Hello World! はあなたのアプリの一部として自動的に表示されます。このテキストはアプリでは必要ありません。
- コンポーネントツリーで
TextView - "Hello World!"
ブランチを選択し、Deleteキーを押します。"Hello World"
ブランチがコンポーネントツリーから消え、 Hello World! がプレビュー画面から消えます。次のいくつかの手順は、アプリの作成をガイドします。
アプリのレイアウトには3種類のコンポーネントがあり、それぞれのコンポーネントにはいくつかの異なる名前が付いています。ここには3種類のコンポーネントがあります: <! - 3 - >-
EditText
(プレーンテキストとも呼ばれます): ユーザーが1行のテキストを編集できる場所です。この種のコンポーネントの一般的な名前は、 テキストフィールド です。 -
ボタン
: ボタンはボタンである。ボタンをクリックしますか?右に移動してクリックします。 -
TextView
(プレーンテキストビュー、ラージテキスト、ミディアムテキストなどとも呼ばれます): アプリケーションがテキストを表示する場所。通常、ユーザーはTextView
コンポーネント内のテキストを編集しません。正確に言えば、Androidの
EditText
、ボタン
、およびTextView
コンポーネントは、実際には異なる種類のコンポーネントではありません。すべてのEditText
コンポーネントは一種のTextView
であり、すべてのButton
は一種のTextView
です。オブジェクト指向プログラミングの言語では、EditText
クラスはTextView
クラスを拡張します。Button
クラスは、TextView
クラスも拡張します。
-
- プレーンテキスト(つまり、
EditText
)アイテムをパレットのウィジェットグループからいずれかのプレビュー画面にドラッグします。 Plain Textアイテムは、醜い場所に着地することがあります。大丈夫。あなたは芸術作品を作りません。あなたはJavaコードを書くことを学んでいます。 - ステップ5を繰り返し、今回はプレビュー画面にButtonアイテムを配置します。 Buttonコンポーネントをプレーンテキスト(EditText)コンポーネントの下に配置します。後で、Buttonコンポーネントを置く場所が気に入らなければ、プレビュー画面のどこかにドラッグすることで簡単に移動できます。
- ステップ6を繰り返し、今回は
TextView
コンポーネントをプレビュー画面に配置します。TextView
コンポーネントをButton
コンポーネントの下に置きますが、もう一度それはあなた次第です。残りの手順では、各コンポーネントに表示されるテキストを変更します。
- プレビュー画面またはコンポーネントツリーで
ボタン
コンポーネントを選択します。その結果、Designerツールのプロパティペインには、Buttonコンポーネントのプロパティの一部が表示されます。ボタン
コンポーネントを選択すると、プロパティペインに TextView という単語が表示されます。これをステップ7でパレットからドラッグしたTextView
コンポーネントと混同しないでください。ボタンを選択すると、プロパティパネルのすべてのフィールドがButton
コンポーネントを参照します。プロパティペインのテキスト TextView の表示が混乱する場合は、ステップ4のテクニカルスタッフアイコンを参照してください( TextView という単語があなたを混乱させない場合は、 ) - プロパティーペインの テキスト というフィールドにCOPYと入力します。そうすると、 ボタン コンポーネントの面に
COPY
という単語が表示されます。これを確認するには、wysiwygのプレビュー画面を見てください。プロパティペインに、 テキスト という2つのフィールドが表示されます。そうであれば、一方はテスト用で、もう一方はアプリを実行するためのものです。疑わしいときには、両方のフィールドに COPY という単語を入力しても問題ありません。
- アクティビティの
EditText
およびTextView
コンポーネントでステップ8と9を繰り返しますが、今回は COPY という単語をこれらのコンポーネントに入れないでください。代わりに、これらのコンポーネントから文字を削除します。終了すると、プレビュー画面は以下の画面に似ています。プレビュー画面がまったく同じように見えない場合は、それを心配しないでください。コンポーネントがプレビュー画面の別の場所に散在している場合や、Android Studioの作成者がプレビュー画面の表示方法を変更している可能性があります。EditText
コンポーネント、Button
コンポーネント、およびTextView
コンポーネントを持っている限り、大丈夫です。 - これまでの作業を保存するには、ファイル→すべて保存を選択します。