たんたむ – ページ 9 – ハコニワデザイン

Android Studio 入門【文字枠の追加】

2015年5月14日2016年1月7日たんたむ

前回学習した「キャラクターの表示」に「文字枠」を追加する動画です。
この動画の前に「キャラクターの表示」を済ませておいてください。

ポイント

activity_main.xml （完成）


<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:src="@drawable/character" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New Text"
        android:id="@+id/textView"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="20dp"
        android:textSize="40dp" />

</RelativeLayout>

Android Studio 開発【 XML編集】

2015年4月24日2015年7月12日たんたむ

前回学習した「キャラクターの表示」を使ってXML（Textタブ）を学ぶ動画です。
この動画の前に「キャラクターの表示」を済ませておいてください。

3分で学ぶ Android Studio【テキストタブ】 — テキストタブに切り替え

Android Studio 開発【キャラクターと背景】

2015年4月19日2016年1月10日たんたむ

ゲーム等でのキャラクターと背景を表示させるサンプルです。

サンプルですが、実際のアプリに使用している方法で「比較的簡単で不都合少なく幅広く」利用できると思います。

※ この動画は以前公開した「背景画像の設定」と「キャラクターの表示」を組み合わせた内容です。

ポイント

使用画像

ご自身で画像を用意する場合は以下にご注意ください。

ファイル名は半角英数小文字とアンダーバーのみ使用可能、なおかつ最初の１文字は半角英数小文字のみ
画像サイズが大きすぎるとエラーが出る場合があります。
キャラクター（背景の上に表示させる画像）はPNGの24ビットで背景可視を使用しています。

activity_main.xml （完成）

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/imageView"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true"
        android:src="@drawable/back"
        android:scaleType="centerCrop" />

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/imageView2"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true"
        android:src="@drawable/character" />

</RelativeLayout>

Android Studio 開発【キャラクターの表示】

2015年4月16日2015年8月13日たんたむ

ゲーム等でのキャラクターを表示させる方法です。

「比較的簡単で不都合が少なく幅広く」使用することが出来ます。
前回の「背景画像の設定」と組み合わせて使用可能です。

ポイント

画面サイズが違っても対応可能
縦画面でも横画面でも対応可能
キャラクターは画面中央に表示される
できる限り画面いっぱいに表示される
背景の上に重ねて表示させる使用

使用画像

ご自身で画像を用意する場合は以下にご注意ください。

ファイル名は半角英数小文字とアンダーバーのみ使用可能、なおかつ最初の１文字は半角英数小文字のみ
画像サイズが大きすぎるとエラーが出る場合があります。
キャラクター（背景の上に表示させる画像）はPNGの24ビットで背景可視を使用しています。

activity_main.xml （キャラクターのみ）

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:src="@drawable/character" />

</RelativeLayout>

activity_main.xml （キャラクターと背景）

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/imageView2"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true"
        android:src="@drawable/back"
        android:scaleType="centerCrop" />

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:src="@drawable/character" />

</RelativeLayout>

Android Studio 開発【背景画像の設定】

2015年4月14日2015年7月12日たんたむ

ゲーム等での背景画像の設定方法です。

「比較的簡単で不都合が少なく幅広く」使用することが出来ます。
また、このサイトで紹介するアプリにはほぼ全て利用可能です。

ポイント

画面サイズが違っても対応可能
縦画面でも横画面でも対応可能
背景は画面中央に表示される
縮尺は守られ、余白はカットされる
背景のみを表示（タイトルやキャラクターは別）
背景の種類によっては不都合有り
画面の固定を利用するとさらに安定

注意点

３分で済ますために細かい説明は省いています。
詳しくは以下の知識が必要で、現在準備中です。

アプリケーションの新規作成（準備中）
画像の保存と利用（準備中）

使用画像

ご自身で画像を用意する場合は以下にご注意ください。

ファイル名は半角英数小文字とアンダーバーのみ使用可能、なおかつ最初の１文字は半角英数小文字のみ
画像サイズが大きすぎるとエラーが出る場合があります。

activity_main.xml （完成）

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/imageView"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true"
        android:src="@drawable/back"
        android:scaleType="centerCrop" />
</RelativeLayout>