Help us understand the problem. What is going on with this article?

Android入門

More than 3 years have passed since last update.

転職に向けたandroidの勉強の記録をしこしこ追記して残していきます。
乱雑ですが、お許しください、

参考資料

https://github.com/mixi-inc/AndroidTraining

Day1 アプリのレイアウト作成

android:layout_width="wrap_content"
android:layout_height="match_parent"

wrap_content・・・最低限のサイズ
match_parent・・・親要素と同じサイズ

android:layout_marginTop="10dp"
android:paddingTop="10sp"

layout_marginTop・・・マージンの場合は「layout_」を忘れず!!
paddingTop・・・htmlと似ている
dp(dpi)・・・ px = dp * (dpi / 160) で成り立つ
80dp(dpi)=画面の半分
sp・・・スケール非依存のピクセル
解像度とユーザーが設定したフォントサイズにあわせて自動的にスケール

android:gravity="right"
android:layout_gravity="right"

android:gravity・・・htmlでいう「float」。その要素の内部に適用される
android:layout_gravity・・・htmlでいう「float」。その要素自身に適用される

<LinearLayout ...>
   android:orientation="vertical"
</LinearLayout>
<LinearLayout ...>
   android:orientation="horizontal"
</LinearLayout>

android:orientation・・・LinearLayout時の拡張方向の属性
vertical/horizontal・・・垂直方向/水平方向

<LinearLayout ...>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="1"
        android:layout_weight="1" />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="2"
        android:layout_weight="2" />
</LinearLayout>

キャプチャ.PNG

隣に配置系

android:layout_above・・・指定したidのViewの上に配置します
android:layout_below・・・指定したidのViewの下に配置します
android:layout_toLeftOf・・・指定したidのViewの左に配置します
android:layout_toRightOf・・・指定したidのViewの右に配置します

縦横の調節系
android:layout_alignTop・・・指定したidのViewの上端にあわせて配置します
android:layout_alignBottom・・・指定したidのViewの下端にあわせて配置します
android:layout_alignLeft・・・指定したidのViewの左端にあわせて配置します
android:layout_alignRight・・・指定したidのViewの右端にあわせて配置します

中央配置系
android:layout_centerVertical・・・親となるViewの縦方向の中央に配置します
android:layout_centerHorizontal・・・親となるViewの横方向の中央に配置します
android:layout_centerInParent・・・親となるViewの中央に配置します

その他
android:layout_alignBaseline・・・指定したidのViewのベースラインにあわせて配置します
android:layout_alignParentBottom・・・親となるViewの下端にあわせて配置します
android:layout_alignParentLeft・・・親となるViewの左端にあわせて配置します
android:layout_alignParentRight・・・親となるViewの右端にあわせて配置します
android:layout_alignParentTop・・・親となるViewの上端にあわせて配置します

Day2 アプリのレイアウト作成(続き)

両端固定で中央広々とするレイアウト(Relativeのみ)
assignment.PNG

  <!--左ボタン-->
    <RelativeLayout
        android:id="@+id/menu1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:padding="10dp"
        android:background="@drawable/button_state_list">

    <..................>

    </RelativeLayout>

    <!--左バー-->
    <RelativeLayout
        android:id="@+id/bar1"
        android:layout_width="2dp"
        android:layout_height="match_parent"
        android:layout_alignTop="@+id/menu1"
        android:layout_toRightOf="@+id/menu1"
        android:background="#393939">


    </RelativeLayout>

    <!--中央ボタン-->
    <RelativeLayout
        android:id="@+id/menu2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/menu1"
        android:layout_alignTop="@+id/bar2"
        android:layout_toLeftOf="@+id/bar2"
        android:layout_toRightOf="@+id/bar1"
        android:background="@drawable/button_state_list">

    <..................>

    </RelativeLayout>

    <!--右バー-->
    <RelativeLayout
        android:id="@+id/bar2"
        android:layout_width="2dp"
        android:layout_height="match_parent"
        android:layout_alignTop="@+id/bar1"
        android:layout_toLeftOf="@+id/menu3"
        android:background="#393939">

    </RelativeLayout>

    <!--右ボタン-->
    <RelativeLayout
        android:id="@+id/menu3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_alignTop="@+id/bar2"
        android:padding="10dp"
        android:background="@drawable/button_state_list">

    <..................>

    </RelativeLayout>

Day3 ActivityとFragment

Activity MVCでいうController

diggy-mo
クソ雑魚エンジニア
https://blog.morifuji-is.ninja/
atma_inc
Change the common sense with algorithm を達成するためのスタートアップ
https://atma.co.jp
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした