読者です 読者をやめる 読者になる 読者になる

Androidプログラミングブログ

Androidプログラミングを勉強していく中でわかったことをメモする

【Androidプログラミング入門 #012】Shapeリソースで背景を設定する

はじめに

画面に背景を設定します。

背景の設定はいくつか方法があるのですが、
ここではShapeリソースを使った例を書きます。

他にも画像を使う方法などあります。

1. プロジェクト作成

f:id:fjswkun:20151028014055p:plain

f:id:fjswkun:20151028014103p:plain

f:id:fjswkun:20151028014114p:plain

f:id:fjswkun:20151028014124p:plain

2. Shapeリソースの作成

背景を定義したXMLをShapeリソースです。

ファイルの追加

f:id:fjswkun:20151028014136p:plain

f:id:fjswkun:20151028014144p:plain

XMLファイルの編集

追加したXMLファイルを下記のとおりに編集します。

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient
        android:angle="270"
        android:endColor="#FF2A68"
        android:startColor="#FF5E3A" />
</shape>

3. 画面レイアウトにShapeリソースの適用

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:background="@drawable/background_shape"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:showIn="@layout/activity_main" tools:context=".MainActivity">

    <TextView android:text="Hello World!" android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</RelativeLayout>

4. 実行

実行します。

f:id:fjswkun:20151028014204p:plain

参考情報

参考

Androidアプリ開発逆引きレシピ (PROGRAMMER’S RECiPE)

Androidアプリ開発逆引きレシピ (PROGRAMMER’S RECiPE)

開発用デバイス

Androidの勉強をはじめた人は知っているようにエミュレーターはちょー遅い。
開発用に安いAndroidを買えば、勉強がはかどります!
iPhoneと比較すると安いので買ったほうがいいと思います。

おすすめデバイス

勉強用に使うだけなので価格が高い最新デバイスは必要ないと思います。
最新のデバイスは一人前のAndroidプログラマーになったら購入を検討しましょう。

nexus5 16GBASUS Nexus7 ( 2013 ) TABLET

その他に探すなら↓から。
Android nexus5を勉強用に購入