更新日 Wednesday, 07-Jan-2015 16:53:00 JST

ボタンのレイアウト [4]

LinearLayout(Vertical)
パーツを縦一列に並べたい場合に使います。


LinearLayout(Vertical)をエミュレータにドラッグし、その中にボタンを並べる

LinearLayout(Horizontal)
パーツを横一列に並べたい場合に使います。


LinearLayout(Horizontal)をエミュレータにドラッグし、その中にボタンを並べる

RelativeLayout

他のパーツなどと相対的な関係で位置を配置したい場合に使用します。
「パーツBはパーツAの下に配置する」という指定の仕方ができます。
この場合、パーツAを動かすと一緒にパーツBも移動します。
TableLayout

パーツを格子状に配置したい場合に使用します。
HTMLのタグと同じようにレイアウトを作成することができます。

GridLayout

TableLayoutと同じくパーツを格子状に配置したい場合に使用します。
TableLayoutとの違いは、TableLayoutは縦方向のセルの結合はできませんが、GridLayoutでは可能です。
Android4で追加されたレイアウトなので、利用する場合はアプリケーションの対応するバージョンに注意してください。

FrameLayout

基本的には1つのパーツを配置するためのレイアウトです。
複数のパーツを配置した場合、後から配置したパーツが前面に重なった状態で配置されます。

以下自動成形される
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" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity"> <TextView android:text="@string/hello_world" android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/textView" /> <RelativeLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_alignParentTop="true" android:layout_alignParentLeft="true" android:layout_alignParentStart="true"> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="New Button" android:id="@+id/button" android:layout_alignParentTop="true" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="New Button" android:id="@+id/button2" android:layout_below="@+id/button" android:layout_centerHorizontal="true" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="New Button" android:id="@+id/button3" android:layout_below="@+id/button2" android:layout_toRightOf="@+id/button2" android:layout_toEndOf="@+id/button2" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="New Button" android:id="@+id/button4" android:layout_centerVertical="true" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="New Button" android:id="@+id/button5" android:layout_centerVertical="true" android:layout_alignParentRight="true" android:layout_alignParentEnd="true" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="New Button" android:id="@+id/button6" android:layout_below="@+id/button4" android:layout_toLeftOf="@+id/button2" android:layout_toStartOf="@+id/button2" android:layout_marginTop="92dp" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="New Button" android:id="@+id/button7" android:layout_below="@+id/button6" android:layout_alignLeft="@+id/button6" android:layout_alignStart="@+id/button6" /> </RelativeLayout> </RelativeLayout>


MainActivity.java
package io.svrusr.myapplication0004; import android.support.v7.app.ActionBarActivity; import android.os.Bundle; import android.view.Menu; import android.view.MenuItem; public class MainActivity extends ActionBarActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.menu_main, menu); return true; } @Override public boolean onOptionsItemSelected(MenuItem item) { // Handle action bar item clicks here. The action bar will // automatically handle clicks on the Home/Up button, so long // as you specify a parent activity in AndroidManifest.xml. int id = item.getItemId(); //noinspection SimplifiableIfStatement if (id == R.id.action_settings) { return true; } return super.onOptionsItemSelected(item); } }


The first written on Jan 7, 2015



更新日 Wednesday, 07-Jan-2015 16:53:00 JST