Android: create gradient background via XML

前回の投稿では、青いアクション バーのヘッダーを作成しました。 ヘッダーは青色でしたが、アプリの本体はまだ白色でした。 この短いチュートリアルでは、カラー コードを使用してアプリの背景を変更し、その色にグラデーションを追加する方法を紹介します。 スクリーンショットは、このチュートリアルで作成する背景色を表示しています。 アクション バーがどこから来るのか不思議に思っている場合は、前回のチュートリアルを参照してください。

まず、Eclipse プロジェクトから resources フォルダーを開きます。 drawable フォルダに gradient.xml ファイルを作成します。 この gradient.xml で、色とグラデーションを定義します。 開始色と終了色、そして開始値から終了値まで何度変化させるかを定義することで行います。

次に、このグラデーションの背景を設定したいアクティビティからレイアウトを開きます。 この例では、activity_main.xml です。 親ビュー (私たちの場合は相対レイアウト) で android:background=”@drawable/gradient” を設定します。

タグは、以前のチュートリアルで説明したアクション バーの包含を参照していることに注意してください。

コメントする