★☆☆☆☆ – ハコニワデザイン

ConstraintLayout 入門【画像の表示② 】～キャラっぽい画像～

2017年3月16日2017年3月16日たんたむ

Android Studio 入門動画です。
「ConstraintLayoutレイアウトでキャラクター画像を表示してみよう！」って内容です。

あくまでも画像表示の練習です。
キャラクター画像として完璧に利用できる訳ではありません。

プロジェクト名

プロジェクト、カンパニードメイン、パッケージネームを同じにするとコピペエラーが減ります。

Application name Test
Company Domain test.com
Package name com.test.test

画像素材

＊注意＊
・画像をご自身で要するにはファイル名やファイルサイズ、拡張子に注意する必要があります。
・ファイル名は半角小文字の英数（a～z 0～9）とアンダーバー( _ )のみで、最初の１文字目は半角英字( a ～ z)のみです。
・慣れてない方はサンプル画像の使用をオススメします。

activity_main.xml (完成)

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.test.test.MainActivity">

    <ImageView
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:scaleType="centerCrop"
        android:src="@drawable/back"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />


    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/character"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent" />

</android.support.constraint.ConstraintLayout>

ConstraintLayout 入門【画像の表示① 】～背景っぽい画像～

2017年3月16日2017年3月16日たんたむ

Android Studio 入門動画です。
「ConstraintLayoutで背景画像を表示してみよう！」って内容です。

あくまでも画像表示の練習です。
背景画像として完璧に利用できる訳ではありません。

プロジェクト名

プロジェクト、カンパニードメイン、パッケージネームを同じにするとコピペエラーが減ります。

Application name Test
Company Domain test.com
Package name com.test.test

画像素材

activity_main.xml (完成)

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.test.test.MainActivity">

    <ImageView
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:scaleType="centerCrop"
        android:src="@drawable/back"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
    
</android.support.constraint.ConstraintLayout>

挫折しないコツ？～学習がしんどいとき～

2017年1月10日2017年1月10日たんたむ

プログラム学習がしんどくないですか？
聞き慣れない専門用語の多さに挫折しそうになった経験は無いでしょうか？

僕はしょっちゅう挫折しそうになります。

特に初歩の段階、一人で学習している・・・そんな時は挫折の危険がてんこ盛りだと思います。
右も左も分からないけど「専門用語の雨あられ」ですからね・・・汗

そんな苦しいときの参考になれば・・・と、僕個人的な「学習のコツ」です。
あくまでもコツの一つですが参考になれば幸いです。

※ この動画だけで「学習が楽々になる！」ものではありません。
対応できない場合も多々ありますので、参考程度にしてください。

00 自転車の練習

00a 自転車の説明

Android プログラミング【アクティビティ① 】 ~ アクティビティとは ~

2016年1月7日2016年1月12日たんたむ

アプリ開発に必須のアクティビティを学習します。
アクティビティを簡単に言うと「画面」です。

かなり重要な項目ですが、挫折ポイントでもある難問です。
焦らずにまずは「慣れ」を目指してください。

動画リスト

この動画はシリーズ物です。以下の順にご覧ください。

解説

Android Studio 開発【アクションバー非表示】

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

動画の内容

アクションバー（タイトルバー）を非表示にする設定です。

編集

res → values → styles.xml を開き、１カ所修正するだけでOKです。

Android Studio 開発【プロパティウインドウ】

2015年7月11日2015年7月12日たんたむ

Component Tree（コンポーネントツリー）とpropertys（プロパティズ）の解説動画で、操作ミスしやすい部分を解説したいと思います。

この動画は「アプリ新規作成」を済ませた状態でご覧ください。

Component Treeとpropertys

3分で学ぶ Android Studio【画面解説】 — Component Treeとproper ties

Component Tree

コンポーネント（部品）　ツリー（構造）
画面の部品を構造的に表示する画面

※ 画面上の部品を選択、編集、削除等に使用

proper ties

プロパティ（性質・属性）　
部品の詳細を設定する画面

※ 部品の文字サイズや背景色の変更に使用

画面背景色の変更

3分で学ぶ Android Studio【 RelativeLayout 】 — RelativeLayout を選択

文字枠背景色の変更

3分で学ぶ Android Studio【 TextView 】 — TextViewを選択

簡単な操作ですが、簡単な操作ほど操作ミスしやすいので気をつけてください☆

Android Studio 開発【レイアウトの変更】

2015年6月23日2015年7月12日たんたむ

Android Studioでのレイアウト学習する動画です。
GUIで作成せずTextタブ（XML）でレイアウトの変更をすることでXMLの理解を深めます。

この動画は「アプリ新規作成」を済ませた状態でご覧ください。

LinearLayout vertical

・Linear ：リニア、直線上の
・Layout ：レイアウト、配置
・vertical：バーチカル、垂直
　→ 垂直に並べる

LinearLayout horizontal

・Linear ：リニア、直線上の
・Layout ：レイアウト、配置
・horizontal ：ホリゾンタル、水平
　→ 水平に並べる

RelativeLayout

・Relative ：リラティブ、相対的
・Layout ：レイアウト、配置
　→ 相対的に並べる（他を基準にして・画面の真ん中）

activity_main.xml （LinearLayout ・vertical）

<LinearLayout 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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="ボタン１"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="ボタン２"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="ボタン３"/>


</LinearLayout>