今回もボタンシリーズです。

今回はラジオボタンをやってみます。

ラジオボタンというのは、ひとつのグループの中で一つのボタンだけ選択するときに使われます。

ラジオボタンのコンポーネントには

１、ひとつを選択すると、他のボタンの選択が取り消される。

２、クリックされたボタンを取得する事ができる。

という動作が、デフォルトで含まれています。

今回のプロジェクト、クラス名はｒButtonにしました。（安直すぎわろりん

いつものようにmain.xmlの【graphical layout】でレイアウトを行います。

今回はradionGroupをドラッグして入れます。

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

    <requestFocus />

    <RadioGroup
    android:layout_height="wrap_content"
    android:id="@+id/radioGroup1"
    android:layout_width="fill_parent">
    <RadioButton
        android:id="@+id/radioButton1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="RadioButton"
        android:checked="true"></RadioButton>
    <RadioButton
        android:id="@+id/radioButton2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="RadioButton"></RadioButton>
    <RadioButton
        android:id="@+id/radioButton3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="RadioButton"></RadioButton>
    </RadioGroup>

</LinearLayout>



これでラジオボタンの配置はできました。

この状態で実行すると





こんな感じになります。

ここで例えば3を選ぶと、3番が選択され1番の選択が解除されます。



radionGroupに

android:orientation="horizontal"


を追加すると、項目が横に並びます。

水平(horizontal)と垂直(vertical)で縦、横の並びに切り替えれます。



次はこの配置したレイアウトをスクリプトで利用してみます。

package zacky.android.rbutton;

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

public class RButton extends Activity implements OnCheckedChangeListener{
    /** Called when the activity is first created. */
    
    private RadioGroup radioGroup;
    private TextView textView;
    
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        radioGroup = (RadioGroup)findViewById(R.id.radioGroup1);
        textView = (TextView)findViewById(R.id.textView1);
        radioGroup.setOnCheckedChangeListener(this);
    }
    
    public void onCheckedChanged(RadioGroup arg0,int arg1){
        if(arg0 == radioGroup){
            switch(arg1){
            case R.id.radioButton1:
                textView.setText("1つめをクリックしたな！");
                break;
            case R.id.radioButton2:
                textView.setText("2つめをクリックしたな？");
                break;
            case R.id.radioButton3:
                textView.setText("3つめをクリックしたのね・・・");
                break;
            default:
                break;
            }
        }
    }
}



これでラジオボタンを押す度に値が対応したものに切り替わります。

今回はわかりやすいようにTextViewの中に入れて利用しましたが

実際には内部の値を変更して使う事になるんじゃないかと思います。



今回はこれでおしまいです。

お疲れ様でした。

前回、ボタンの使い方を勉強したので今回は違う種類のボタンを使ってみようと思います。

アンドロイドにはいくつかのボタンがコンポーネントとして用意されています。

ちなみに今回扱うトグルボタンとは

「ボタンを押す毎にONとOFFが交互に切り替わるボタン」

の事ですね。

androidの中にToggleButtonとしてコンポーネントが用意されていて

今回参考にさせて頂いたサイト様によると

１、マウスクリックで切り替わる。

２、現在のトグルがどちらに切り替わっているかの取得。

という２点をトグルボタンが自動で行ってくれるみたいです。

まずは、main.xmlを開く。

【graphical layout】の方で行えば簡単に配置ができます。

次に、項目の中からToggleButtonをドラッグ&ドロップ！！

トグルボタン確認の為に少しTextViewをいじったら



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

    <ToggleButton
        android:id="@+id/toggleButton1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="ToggleButton"> </ToggleButton>

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

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TextView" >
    </TextView>

</LinearLayout>



こんな感じのmain.xmlになりました。

一応これだけでトグルボタンは作成されます。

この状態で起動すると、ボタンが出てきます。

それをクリックするとON・OFFが切り替わります。



次にこの切替をスクリプトの方で利用してみます。

まずは、配置したオブジェクトを読み込む為の変数を用意。

private ToggleButton _toggleButton;
private TextView _textView;

の部分ですね。



そして次にコンストラクタで、この変数にオブジェクトを読み込みます。

_toggleButton = (ToggleButton)findViewById(R.id.toggleButton1);
_textView = (TextView)findViewById(R.id.textView1);

のとこです。



クリックイベントを取得する為に

CheckBox.OnCheckedChangeListenerをimplementsする必要があり、

取得したイベントをtoggleButtonに結びつける必要があります。

イベントが取得された際にonCheckedChangedが実行されます。

たぶん引数の値として

１つ目がそのクリックされたオブジェクト

２つ目が現在のトグルスイッチのbooleanでの値になるんだと。

package zacky.android.togglebutton;

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

public class tButton extends Activity implements CheckBox.OnCheckedChangeListener
{
    /** Called when the activity is first created. */
    
    private ToggleButton _toggleButton;
    private TextView _textView;
    
    
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        _toggleButton = (ToggleButton)findViewById(R.id.toggleButton1);
        _textView = (TextView)findViewById(R.id.textView1);
        _toggleButton.setOnCheckedChangeListener(this);
    }

    public void onCheckedChanged(CompoundButton buttonView, boolean _Checked) {
        if(_Checked){
            _textView.setText("これはONだぜ！");
        }else{
            _textView.setText("これはOFFだぜ？");
        }
        
    }
}

こんな感じです。

これを実行すると、トグルスイッチの下にある

TextViewの中の値も現在のオフの値かどうかによって、変化するはずです。



今回の場合だと



ONのとき





OFFのとき





このように変化します。




今回もわからないことが多い中ややゴリ押し気味で進んだので

色々と課題を残す結果になりました。

でも元々が課題だらけなんでよく考えたら同じ事でしたね（）



今回はこんな感じで終わりです。

お疲れ様でした。

またしてもこんばんわ！ざっきーにゃ！

今回はクリックイベントの取得をやってみます。

これはボタンを作って配置し、ボタンが押されたことを感知して画面を切り替えようぜって事です。

まずはimplemenetsでOnClickListenerを実装します。

public class Clickevent extends Activity implements OnClickListener

って感じになるんだけどこの辺はまだ詳しくはわかりません。

全体のレイアウトは、main.xmlで構築してみました。

main.xmlを見ると、TextViewが入っていますが、これは使わないはずなんで削除しておｋだと思います。

LinearLayoutはオブジェクトを配置するのに

使うっぽいので、そのまま利用させて頂きます。

package zacky.android.clickevent;

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

public class Clickevent extends Activity implements OnClickListener{
    /** Called when the activity is first created. */
    private Button btn;
    
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        btn = (Button)findViewById(R.id.button);
        btn.setText("クッリクせぇや");
        btn.setOnClickListener(this);
    }

    public void onClick(View v) {
        if(v == btn){
            ImageView imageView = new ImageView(this);
            imageView.setImageResource(R.drawable.zacky);
            setContentView(imageView);
        }
    }
}



こんな感じになりました。うーん...




public void onClick(View v) {
        if(v == btn){
            ImageView imageView = new ImageView(this);
            imageView.setImageResource(R.drawable.zacky);
            setContentView(imageView);
        }
    }



この部分でボタンがクリックされたあとの画面を設定する感じだと思います。



実行するとこんな感じに。



クリック前





クリック後





なんかいまいちわからないままゴリ押しで完成させちゃったんで

今後の課題というか、要調査って事にしときます。



それでは今回はここまでです。

お疲れ様です。

今回は画像の表示をやってみます。

適当にプロジェクトを作成。今回は画像の表示なので「imagedisplay」に。

【res】ディレクトリの中に【drawable】というディレクトリを作成。

【drawable】という名前のディレクトリに入れることで

画像が最適化されるみたいです。

メインクラスのソースはこんな感じ

package zacky.android;

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

public class Imagedisplay extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        ImageView imageView = new ImageView(this);
        imageView.setImageResource(R.drawable.zacky);
        setContentView(imageView);
    }
}

パッケージ名もきちんとつけんといけない気もするんですが次回からって事でｗｗ
これを実行したら

こんな感じで表示されました。
とりあえずこんな感じで画像表示は成功・・・かな・・・？

早速ほんの少しだけ触ってみたので書いてから寝たいと思います。

今回はHelloWorldの表示だけやってみました。

やっぱプログラムの入り口といったらこれっすよねｗｗ

package zacky.android;

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

public class Helloworld2 extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        TextView helloWorldWord = new TextView(this);
        helloWorldWord.setText("Hello,world2");
        setContentView(helloWorldWord);
    }
}

こんな感じでやってみました。
どうやら

TextView helloWorldWord = new TextView(this);
helloWorldWord.setText("Hello,world2");

の部分でテキストの表示エリアが作成されるっぽいです。
この時、TextViewを用いる為にandroid.widget.TextViewのimportが必要っぽいです。
作成したテキスト表示エリアを

setContentView(helloWorldWord);

の部分でステージに追加しています。
これで「HelloWorld」の文字を表示するだけのアプリが完成になります。
今回はここまでです。本当に手探りでやってる状態なので
少しずつ進んでいければいいかなと思ってます。

いろんなサイト様の記事を参考にしながらやってますので
序盤は理解さえ出来ればサクサク進むのかなとも思います。
それではお疲れ様です。

久しぶりにPCから更新する気がしますねｗｗ

前からずっとやりたいやりたいと思っていたAndroidアプリの開発、それに関する勉強を

ついに今日から始めました！！！

ずっとAndroidアプリには興味があって、開発するなら実機をいじってた方がいいだろうと思い

GalaxyS２LTEを買って触ってはいたんですがね

なかなかやり出さないまま今までたってしまってました。

なので備忘録的な感じでわかったこと、思ったこと、進捗具合などをここのブログで書いていこうかな？

と思ってます。

全然詳しくないので本当に自分の感じたことや分かった事を自分のために書く形になると思いますので

興味のない人にはつまらない内容になると思いますｗｗｗ

てかここのブログそんなに人来ないから大丈夫か（ﾎﾞｿｯ

んではﾉｼﾉｼ