アットウィキロゴ

トップページ





{ボタンによって画面を切り替えるAndroidプログラム
最後の中かっこないのに注意!!
参考:http://hakoniwadesign.com/?p=7868

レイアウトにレイアウトを重ねる
http://techacademy.jp/magazine/4455

画像を重ねて表示 framworkレイアウト?
http://araking0.blog.fc2.com/blog-entry-16.html



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

   <Button
       android:id="@+id/button1"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_alignLeft="@+id/textView1"
       android:layout_below="@+id/textView1"
       android:layout_marginTop="14dp"
       android:text="Button" 
       android:onClick="b0"
       />

   <Button
       android:id="@+id/button2"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_alignBaseline="@+id/button1"
       android:layout_alignBottom="@+id/button1"
       android:layout_centerHorizontal="true"
       android:text="Button" 
       android:onClick="b1"
       />
   
   <ImageView
       android:id="@+id/imageView1"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_below="@+id/button1"
       android:layout_marginTop="86dp"
       android:layout_toRightOf="@+id/textView1"
       android:src="@drawable/ic_launcher" 
       />
   
   <ImageView
       android:id="@+id/imageView2"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_below="@+id/button1"
       android:layout_marginTop="86dp"
       android:layout_toRightOf="@+id/textView1"
       android:src="@drawable/android" 
       />
</RelativeLayout>






package com.example.test;

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.Toast;

public class MainActivity extends ActionBarActivity {

// 0mのボタン
   public void b0(View v) {
       // 画像の変更 (b0画像を設定)
   	findViewById(R.id.imageView2).setVisibility(View.INVISIBLE);
   	findViewById(R.id.imageView1).setVisibility(View.VISIBLE);
   	((ImageView) findViewById(R.id.imageView1)).setImageResource(R.drawable.ic_launcher);
   }

   // 10mのボタン
   public void b1(View v) {
       // 画像の変更 (b1画像を設定)
   	findViewById(R.id.imageView1).setVisibility(View.INVISIBLE);
   	findViewById(R.id.imageView2).setVisibility(View.VISIBLE);
       ((ImageView) findViewById(R.id.imageView2)).setImageResource(R.drawable.android);
       
   }	

@Override
protected void onCreate(Bundle savedInstanceState) {
	super.onCreate(savedInstanceState);
	setContentView(R.layout.activity_main);
   	findViewById(R.id.imageView2).setVisibility(View.INVISIBLE);
   	findViewById(R.id.imageView1).setVisibility(View.INVISIBLE);
	
}






ボタンを増やしてレイアウトをいろいろ試してみたのはこちら
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:tools="http://schemas.android.com/tools"
   android:id="@+id/LinearLayout1"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:orientation="vertical"
   android:paddingBottom="@dimen/activity_vertical_margin"
   android:paddingLeft="@dimen/activity_horizontal_margin"
   android:paddingRight="@dimen/activity_horizontal_margin"
   android:paddingTop="@dimen/activity_vertical_margin"
   tools:context="com.example.test.MainActivity" >

   <LinearLayout
       android:layout_width="match_parent"
       android:layout_height="wrap_content" >

       <Button
           android:id="@+id/button1"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="Button" 
           android:onClick="b0"
           />

       <Button
           android:id="@+id/button2"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="Button" 
           android:onClick="b1"
           />

       <Button
           android:id="@+id/button3"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="Button" 
           android:onClick="b2"
           />

       <Button
           android:id="@+id/button4"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="Button" 
           android:onClick="b3"
           />

   </LinearLayout>

   <LinearLayout
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:layout_gravity="center|fill_horizontal" >

       <FrameLayout
           android:layout_width="fill_parent"
           android:layout_height="fill_parent" >

           <ImageView
               android:id="@+id/imageView1"
               android:layout_width="fill_parent"
               android:layout_height="fill_parent"
               android:src="@drawable/android" />

           <ImageView
               android:id="@+id/imageView2"
               android:layout_width="fill_parent"
               android:layout_height="fill_parent"
               android:src="@drawable/ic_launcher" />

       </FrameLayout>

   </LinearLayout>

   <LinearLayout
       android:layout_width="match_parent"
       android:layout_height="wrap_content" >
   </LinearLayout>

</LinearLayout>




package com.example.test;

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.Toast;

public class MainActivity extends ActionBarActivity {

// 0mのボタン
   public void b0(View v) {
       // 画像の変更 (b0画像を設定)
   	 Toast.makeText(MainActivity.this, "onClick()",
              Toast.LENGTH_SHORT).show();
   	findViewById(R.id.imageView2).setVisibility(View.INVISIBLE);
   	findViewById(R.id.imageView1).setVisibility(View.VISIBLE);
   	((ImageView) findViewById(R.id.imageView1)).setImageResource(R.drawable.ic_launcher);
   }

   // 10mのボタン
   public void b1(View v) {
       // 画像の変更 (b1画像を設定)
   	findViewById(R.id.imageView1).setVisibility(View.INVISIBLE);
   	findViewById(R.id.imageView2).setVisibility(View.VISIBLE);
       ((ImageView) findViewById(R.id.imageView2)).setImageResource(R.drawable.android);
       
   }	
   
   public void b2(View v) {
       // 画像の変更 (b1画像を設定)
   	findViewById(R.id.imageView1).setVisibility(View.INVISIBLE);
   	findViewById(R.id.imageView2).setVisibility(View.VISIBLE);
       ((ImageView) findViewById(R.id.imageView2)).setImageResource(R.drawable.android);
       
   }
   public void b3(View v) {
       // 画像の変更 (b1画像を設定)
   	findViewById(R.id.imageView1).setVisibility(View.INVISIBLE);
   	findViewById(R.id.imageView2).setVisibility(View.VISIBLE);
       ((ImageView) findViewById(R.id.imageView2)).setImageResource(R.drawable.android);
       
   }
   
   

@Override
protected void onCreate(Bundle savedInstanceState) {
	super.onCreate(savedInstanceState);
	setContentView(R.layout.activity_main);
   	findViewById(R.id.imageView2).setVisibility(View.INVISIBLE);
   	findViewById(R.id.imageView1).setVisibility(View.INVISIBLE);
	
}



@Override
public boolean onCreateOptionsMenu(Menu menu) {
	// Inflate the menu; this adds items to the action bar if it is present.
	getMenuInflater().inflate(R.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();
	if (id == R.id.action_settings) {
		return true;
	}
	return super.onOptionsItemSelected(item);
}
}
}
最終更新:2016年02月11日 23:30
添付ファイル