名門Android(5)-コントロール(View)を結ぶ

紹介する
Androidでの各種コントロールの使用(View)
TextView-テキスト表示コントロール
Button-ボタンコントロール
ImageButton-ピクチャボタンコントロール
ImageView-画像表示コントロール
CheckBox-チェックボックスコントロール
RadioButton-ラジオコントロール
AnalogClock-時計(時計盤付き)コントロール
DigitalClock-電子時計コントロール
 

1、TextView   Demo
textview.xml

   
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    
    <!--
        TextView -       
    -->
    <TextView android:layout_width="fill_parent"
        android:layout_height="wrap_content" android:id="@+id/textView" />
        
</LinearLayout>


_TextView.java

   
package com.webabcd.view;

import android.app.Activity;
import android.os.Bundle;
import android.widget.TextView;

public class _TextView extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        this.setContentView(R.layout.textview);

        //    Activity    
        setTitle("TextView");
        
        TextView txt = (TextView) this.findViewById(R.id.textView);
        //              ，        “
”
        txt.setText("   TextView
      ");
    }
}



2、Button   Demo
button.xml 
   
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    
    <TextView android:layout_width="fill_parent"
        android:layout_height="wrap_content" android:id="@+id/textView" />
    
     <!--
         Button -     
     -->    
    <Button android:id="@+id/button"
        android:layout_width="wrap_content" android:layout_height="wrap_content">
    </Button>
    
</LinearLayout>


_Button.java

   
package com.webabcd.view;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;

public class _Button extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        this.setContentView(R.layout.button);

        setTitle("Button");
        
        Button btn = (Button) this.findViewById(R.id.button);
        btn.setText("click me");
        
        // setOnClickListener() -            
        btn.setOnClickListener(new Button.OnClickListener(){
            @Override
            public void onClick(View v) {
                TextView txt = (TextView) _Button.this.findViewById(R.id.textView);
                txt.setText("      ");
            }
        });
    }
}



3、ImageButton   Demo
imagebutton.xml

   
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    
    <TextView android:layout_width="fill_parent"
        android:layout_height="wrap_content" android:id="@+id/textView" />
    
    <!--
        ImageButton -       
    -->    
    <ImageButton android:id="@+id/imageButton"
        android:layout_width="wrap_content" android:layout_height="wrap_content">
    </ImageButton>
    
</LinearLayout>


_ImageButton.java

   
package com.webabcd.view;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.ImageButton;
import android.widget.TextView;

public class _ImageButton extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        this.setContentView(R.layout.imagebutton);

        setTitle("ImageButton");
        
        ImageButton imgButton = (ImageButton) this.findViewById(R.id.imageButton);
        //          
        imgButton.setBackgroundResource(R.drawable.icon01);
        
        // setOnClickListener() -              
        imgButton.setOnClickListener(new Button.OnClickListener(){
            @Override
            public void onClick(View v) {
                TextView txt = (TextView) _ImageButton.this.findViewById(R.id.textView);
                txt.setText("        ");
            }
        });
    }
}



4、ImageView   Demo
imageview.xml

   
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    
    <!--
        ImageView -       
    -->
    <ImageView android:id="@+id/imageView" android:layout_width="wrap_content"
        android:layout_height="wrap_content"></ImageView>
        
</LinearLayout>


_ImageView.java

   
package com.webabcd.view;

import android.app.Activity;
import android.os.Bundle;
import android.widget.ImageView;

public class _ImageView extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        this.setContentView(R.layout.imageview);

        setTitle("ImageView");
        
        ImageView imgView = (ImageView) this.findViewById(R.id.imageView);
        //          
        imgView.setBackgroundResource(R.drawable.icon01);
    }
}



5、CheckBox   Demo
checkbox.xml

   
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    
    <TextView android:layout_width="fill_parent"
        android:layout_height="wrap_content" android:id="@+id/textView" />
        
    <!--
        CheckBox -      
    -->
    <CheckBox android:text="CheckBox01" android:id="@+id/chk1"
        android:layout_width="wrap_content" android:layout_height="wrap_content"></CheckBox>
    <CheckBox android:text="CheckBox02" android:id="@+id/chk2"
        android:layout_width="wrap_content" android:layout_height="wrap_content"></CheckBox>
    <CheckBox android:text="CheckBox03" android:id="@+id/chk3"
        android:layout_width="wrap_content" android:layout_height="wrap_content"></CheckBox>
        
</LinearLayout>


_CheckBox.java

   
package com.webabcd.view;

import android.app.Activity;
import android.os.Bundle;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.TextView;

public class _CheckBox extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        this.setContentView(R.layout.checkbox);

        setTitle("CheckBox");
        
        CheckBox chk = (CheckBox) this.findViewById(R.id.chk1);
        // setOnCheckedChangeListener() -               
        chk.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                TextView txt = (TextView) _CheckBox.this.findViewById(R.id.textView);
                txt.setText("CheckBox01      ：" + String.valueOf(isChecked));                
            }
        });
    }
}



6、RadioButton   Demo
radiobutton.xml

   
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    
    <TextView android:layout_width="fill_parent"
        android:layout_height="wrap_content" android:id="@+id/textView" />
        
    <!--
        RadioButton -      
        RadioGroup -             
            checkedButton -              ID
    -->
    <RadioGroup android:id="@+id/radioGroup"
        android:layout_width="fill_parent" android:layout_height="fill_parent"
        android:checkedButton="@+id/rad3" android:orientation="horizontal"
        android:gravity="center_vertical|center_horizontal">
        <RadioButton android:text="rad1" android:id="@+id/rad1"
            android:layout_width="wrap_content" android:layout_height="wrap_content"></RadioButton>
        <RadioButton android:text="rad2" android:id="@+id/rad2"
            android:layout_width="wrap_content" android:layout_height="wrap_content"></RadioButton>
        <RadioButton android:text="rad3" android:id="@+id/rad3"
            android:layout_width="wrap_content" android:layout_height="wrap_content"></RadioButton>
    </RadioGroup>
    
</LinearLayout>


_RadioButton.java

   
package com.webabcd.view;

import android.app.Activity;
import android.os.Bundle;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.TextView;

public class _RadioButton extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        this.setContentView(R.layout.radiobutton);

        setTitle("RadioButton");
        
        RadioGroup group = (RadioGroup) this.findViewById(R.id.radioGroup);
        // setOnCheckedChangeListener() -                    
        group.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {    
            @Override
            public void onCheckedChanged(RadioGroup group, int checkedId) {
                TextView txt = (TextView) _RadioButton.this.findViewById(R.id.textView);
                txt.setText(((RadioButton)findViewById(checkedId)).getText() + "    ");                    
            }
        }); 
    }
}



7、AnalogClock   Demo
analogclock.xml

   
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    
    <!--
        AnalogClock -   （      ）  
    -->
    <AnalogClock android:id="@+id/analogClock"
        android:layout_width="wrap_content" android:layout_height="wrap_content">
    </AnalogClock>
    
</LinearLayout>


_AnalogClock.java

   
package com.webabcd.view;

import android.app.Activity;
import android.os.Bundle;

public class _AnalogClock extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        this.setContentView(R.layout.analogclcok);

        setTitle("AnalogClock");
    }
}



8、DigitalClock   Demo
digitalclock.xml

   
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    
    <!--
        DigitalClock -      
    -->
    <DigitalClock android:id="@+id/digitalClock"
        android:layout_width="wrap_content" android:layout_height="wrap_content">
    </DigitalClock>
    
</LinearLayout>


_DigitalClock.java

   
package com.webabcd.view;

import android.app.Activity;
import android.os.Bundle;

public class _DigitalClock extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        this.setContentView(R.layout.digitalclcok);

        setTitle("DigitalClcok");
    }
}