クリックしたImageButtonのアイコンをアンドロイドで動的に変更する方法は？

Question

質問を明確にしましょう。私は4つのイメージボタンを持っています。私は押されたアイコンのアイコンを変更したいと思います。次のボタンを押して次のボタンを変更し、最後のボタンを前のアイコンに戻す必要があります。

注：例はInstagramです。それぞれのアイコンをクリックするといくつかのグレーアイコンが表示され、黒に変わります。もう1つクリックすると最後のものが灰色に変わり、新しいものが黒に変わります。

Answer 1

あなたが描画可能なフォルダ内のxmlファイルを作成するための以下のコードを使用して、描画イメージとしてそれを使用することができます。

<?xml version="1.0" encoding="utf-8"?> 
    <selector xmlns:android="http://schemas.android.com/apk/res/android"> 
     <item android:drawable="@drawable/button_pressed_yellow" 
       android:state_pressed="true" /> 
     <item android:drawable="@drawable/button_focused_orange" 
       android:state_focused="true" /> 
     <item android:drawable="@drawable/button_normal_green" /> 
     <item android:drawable="@drawable/selected_icon" android:state_selected="true"/> 

    </selector> 

押し状態に応じて、異なる画像を使用しています。

Answer 2

public class CamTestActivity extends Activity implements View.OnClickListener{ 

    Button b1,b2,b3,b4; 

    @Override 
    public void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.main); 

     b1 = (Button)findViewById(R.id.btn1); 
     b2 = (Button)findViewById(R.id.btn2); 
     b3 = (Button)findViewById(R.id.btn3); 
     b4 = (Button)findViewById(R.id.btn4); 

     b1.setOnClickListener(this); 
     b2.setOnClickListener(this); 
     b3.setOnClickListener(this); 
     b4.setOnClickListener(this); 
    } 

    @Override 
    public void onClick(View v) { 

     int id = v.getId(); 
     switch (id){ 

      case R.id.btn1: 
       pressbtn1(); 
       break; 

      case R.id.btn2: 
       pressbtn2(); 
       break; 

      case R.id.btn3: 
       pressbtn3(); 
       break; 

      case R.id.btn4: 
       pressbtn4(); 
       break; 
     } 

    } 

    private void pressbtn4() { 
     b1.setBackgroundColor(getResources().getColor(R.color.color_gray)); 
     b2.setBackgroundColor(getResources().getColor(R.color.color_gray)); 
     b3.setBackgroundColor(getResources().getColor(R.color.color_gray)); 
     b4.setBackgroundColor(getResources().getColor(R.color.color_black)); 
    } 

    private void pressbtn3() { 
     b1.setBackgroundColor(getResources().getColor(R.color.color_gray)); 
     b2.setBackgroundColor(getResources().getColor(R.color.color_gray)); 
     b3.setBackgroundColor(getResources().getColor(R.color.color_black)); 
     b4.setBackgroundColor(getResources().getColor(R.color.color_gray)); 
    } 

    private void pressbtn2() { 
     b1.setBackgroundColor(getResources().getColor(R.color.color_gray)); 
     b2.setBackgroundColor(getResources().getColor(R.color.color_black)); 
     b3.setBackgroundColor(getResources().getColor(R.color.color_gray)); 
     b4.setBackgroundColor(getResources().getColor(R.color.color_gray)); 
    } 

    private void pressbtn1() { 
     b1.setBackgroundColor(getResources().getColor(R.color.color_black)); 
     b2.setBackgroundColor(getResources().getColor(R.color.color_gray)); 
     b3.setBackgroundColor(getResources().getColor(R.color.color_gray)); 
     b4.setBackgroundColor(getResources().getColor(R.color.color_gray)); 
    } 
} 

Answer 3

Javaコード：

public void onAnyButtonCLick(View view) 
    { 

    for (int i = 0; i < parent_layout.getChildCount(); i++) { 
      View v = parent_layout.getChildAt(i); 
    // Check v is button 
    if(v instanceof Button) 
    { 

    // set all button with grey color background 
     v.setBackgroundColor(getResources().getColor(R.color.color_gray)); 

    } 

    } // loop ends 

    // color the current click button with black. 
    view.setBackgroundColor(getResources().getColor(R.color.color_black)); 


    } // end of click 

XML：

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/parent_layout" 
    android:orientation="vertical" android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:weightSum="2"> 



    <Button 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="First Button" 

     android:onClick="button_click"/> 
    <Button 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="Second Button" 
     android:onClick="button_click"/> 
    <Button 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="Third Button" 
     android:onClick="button_click"/> 
    <Button 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="Forth Button" 
     android:onClick="button_click"/> 

</LinearLayout> 


// Hope it Helps !!