textview の背景画像と文字色をタップ時に変更する方法について

[ロウキル]

お世話になっております。

背景画像と文字色をタップ時と非タップ時で変更したいと考えております。

xmlでselectorを用意して以下のように設定したのですが、文字色は変わりますが

背景が表示されません。

android:textColorを削除すると画像がちゃんと表示されるのですが・・・

タップ時と非タップ時で背景画像と文字色を変更する方法を教えて頂きたいです。

よろしくお願い致します。

------------------------------------------------------------------------------------------------------

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android">

<item

           android:state_pressed="true"

           android:textColor="#ffffff"

           android:drawable="@drawable/btn_editer_menu_sel" />

<item

　 android:textColor="#ffffff"

　　　　　android:drawable="@drawable/btn_editer_menu"/>

</selector>

------------------------------------------------------------------------------------------------------

[MORIHIRO]

selectorはdrawableとかcolorとかのリソース定義で使用して、
それらのリソースを "android:background" とか "android:textColor" に
指定すればいいと思いますよ。

http://www.techdoctranslator.com/android/guide/resources/available-resources/color-list-resource#selector-element
http://www.techdoctranslator.com/android/guide/resources/available-resources/drawable-resource#StateList


2012年4月20日金曜日 12時58分19秒 UTC+9 ロウキル:

[Androyer]

こんにちは。androidを学習中の者です。
ロウキルさんのお悩みを題材にして、私なりにxmlを学習・作成してみました。

MORIHIROさんが指摘するリンク先の情報を読みますと（私の理解が正しければ）colorとdrawはxmlを分けなければならないようです。

そこで、私は、各々に対応するTextViewとImageViewを設け、それらをRelativeLayoutで合体させてみました。
私の事例では２個のViewを合体させましたが、何か１個のViewで間に合うのであれば、そういった例を教えて頂ければ幸いです。

私が作成した３個のxmlを下記のとおり掲載しておきます。

１．ファイル名：res>layout>main.xml

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_height="wrap_content"
android:layout_width="fill_parent"
android:clickable="true"
>

<!-- 画像を背景にする -->
<ImageView
android:layout_height="wrap_content"
android:layout_width="fill_parent"
android:layout_centerInParent="true"
android:contentDescription="@string/hello"
android:duplicateParentState="true"
android:src="@drawable/drawselector"
/>

<!-- 文字列を手前にする -->
<TextView
android:layout_height="wrap_content"
android:layout_width="fill_parent"
android:layout_centerInParent="true"
android:gravity="center"
android:text="@string/hello"
android:duplicateParentState="true"
android:textColor="@color/colorselector"
/>

</RelativeLayout>

２．ファイル名：res>color>colorselector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >

<item android:color="#ff0" android:state_pressed="true" />
<item android:color="#f0f" />
</selector>

３．ファイル名：res>drawable>drawselector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >

<item android:drawable="@drawable/ic_launcher"
android:state_pressed="true" />
<item android:drawable="@drawable/icon" />
</selector>

On 4月21日, 午後8:39, MORIHIRO <morihiro.s...@gmail.com> wrote:
> selectorはdrawableとかcolorとかのリソース定義で使用して、
> それらのリソースを "android:background" とか "android:textColor" に
> 指定すればいいと思いますよ。
>

> http://www.techdoctranslator.com/android/guide/resources/available-re...http://www.techdoctranslator.com/android/guide/resources/available-re...

[MORIHIRO]

"android:background" を指定すれば１個のTextViewのみで可能ですよ。


2012年5月7日月曜日 21時58分15秒 UTC+9 Androyer:

[Androyer]

MORIHIRO さん。早速のご回答を頂きありがとうございました。

main.xmlを下記のとおりにしますと、ViewはTextViewが１個だけで済みました。

<?xml version="1.0" encoding="utf-8"?>

<TextView

    xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_height="wrap_content"

    android:layout_width="fill_parent"

    android:clickable="true"

    android:gravity="center"

    android:text="@string/hello"

    android:textColor="@color/colorselector" 

    android:background="@drawable/drawselector"

    >

</TextView>

2012年5月7日月曜日 22時55分06秒 UTC+9 MORIHIRO:

2012年5月7日月曜日 22時55分06秒 UTC+9 MORIHIRO:

[ロウキル]

MORIHIRO 様

Androyer 様

ご回答頂きましてありがとうございます。

ご返信が遅くなってしまい大変申し訳ありません。

上記方法で実現出来たのですが、ソースでnew　した場合に正常に動作出来ませんでした。

TextView tvEnd = new TextView(m_csActivity);

tvEnd.setText("確  定");

tvEnd.setClickable(true);

tvEnd.setBackgroundResource(R.drawable.drawselector);

tvEnd.setTextColor(m_csActivity.getResources().getColor(R.color.colorselector));

tvEnd.setOnClickListener(this);

setの仕方に問題があるかと思いましたが、原因が分かりませんでした。

追加の質問となってしまい申し訳ありませんが、よろしくお願い申し上げます。

2012年5月8日火曜日 2時34分13秒 UTC+9 Androyer:

[Androyer]

ロウキルさん。こんにちは。

ご質問の趣旨が「xmlで作成したレイアウトを表示したい」のであれば、それを実現するJavaのコードは次のとおりになります。

この場合、TextViewをnewする必要はありません。

public class SelectorActivity extends Activity implements OnClickListener {

    TextView tv;

    

    @Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.main);

        tv = (TextView)findViewById(R.id.TextView);

        tv.setOnClickListener(this);

    }

    @Override

    public void onClick(View v) {

        if(v==tv){//クリックした場合

            //業務を行う

            return;

        }

    }

}

この場合、main.xmlにおいて、TextViewに「android:id="@+id/TextView"」を付加する必要があります。

ロウキルさんのコードを見ると、JavaでTextViewをnewしていますので、「main.xmlを使わずに、Javaのコードで表示したい」ということになります。

この場合のJavaのコードは次のとおりになります。

public class SelectorActivity extends Activity implements OnClickListener {

    TextView tv;

    

    @Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        

        ColorStateList csl = null;

        

        //文字の色を設定する。

        Resources r = getResources();

        XmlResourceParser xrp = r.getXml(R.color.colorselector); 

        try{

            csl = ColorStateList.createFromXml(r, xrp);

        }

        catch(IOException eIO){

        }

        catch(XmlPullParserException eXPP){

        }

        

        //TextViewを設定する。

        tv = new TextView(this);

        ViewGroup.LayoutParams VL = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.FILL_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);

        tv.setLayoutParams(VL);

        tv.setText("確定");

        tv.setTextColor(csl);

        tv.setGravity(Gravity.CENTER);

        tv.setBackgroundResource(R.drawable.drawselector);

        tv.setClickable(true);

        tv.setOnClickListener(this);

        

        //画面に表示する。

        LinearLayout ll = new LinearLayout(this);

        ll.addView(tv);

        setContentView(ll);

    }

    @Override

    public void onClick(View v) {

        if(v==tv){//クリックした場合

            //業務を行う

            return;

        }

    }

}

2012年5月10日木曜日 12時57分02秒 UTC+9 ロウキル:

[ロウキル]

Androyer 様

お世話になっております。

ご回答頂きまして本当にありがとうございます。

ご回答頂いた方法で実現することが出来ました。

XmlResourceParser クラスの存在は知りませんでした。

新しいことが学べて嬉しいです。

ご多忙の中、丁寧にご対応頂きまして本当にありがとうございました。

今後共どうぞよろしくお願い申し上げます。

2012年5月10日木曜日 17時13分08秒 UTC+9 Androyer: