如何在行布局中更改图像按钮的背景图像?

时间:2015-09-01 08:36:25

标签: android android-layout android-fragments android-intent

enter image description here

我有一个列表字段我的演示。在该列表字段中我有行数。每行都有textview和图像按钮。我想在用户点击图像按钮时更改图像按钮的背景。 换句话说,每行都有喜欢的图标。如果用户点击图像,我想更改背景图像,如果选择它,它会成为收藏,如果用户再次选择所选图像,它将被取消选择。我应用这个概念,但它适用于第一项。但在其他项目中失败..

我会解释更多我采用一个变量 boolean isPressed=false; 当我按下图像按钮时,它变为真,图像将会改变。如果我选​​择相同的项目它可以正常工作。但是当我选择不同的行项目时它会失败。因为布尔 isPressed= become true ;什么是保存每个图像按钮状态的最佳方法。

这是我的代码

public class CustomAdapter extends BaseAdapter implements View.OnClickListener {

    private Activity activity;
    private ArrayList data;
    private static LayoutInflater inflater = null;
    boolean isPressed=false;


    public CustomAdapter(Activity a, ArrayList d) {

        /********** Take passed values **********/
        activity = a;
        data = d;
        inflater = (LayoutInflater) activity.
                getSystemService(Context.LAYOUT_INFLATER_SERVICE);


    }


    @Override
    public int getCount() {
        if (data.size() <= 0)
            return 1;
        return data.size();
    }

    @Override
    public Object getItem(int position) {
        return position;
    }

    @Override
    public void onClick(View v) {



    }

    /*********
     * Create a holder Class to contain inflated xml file elements
     *********/
    public static class ViewHolder {

        public TextView text;

        public ImageButton imageButton;

    }

    @Override
    public long getItemId(int position) {
        return 0;
    }

    @Override
    public View getView(final int position, View convertView, ViewGroup parent) {

        View vi = convertView;
        final ViewHolder holder;

        if (convertView == null) {

            /****** Inflate tabitem.xml file for each row ( Defined below ) *******/
            vi = inflater.inflate(R.layout.row_layout, null);

            /****** View Holder Object to contain tabitem.xml file elements ******/

            holder = new ViewHolder();
            holder.text = (TextView) vi.findViewById(R.id.station_name);

            holder.imageButton = (ImageButton) vi.findViewById(R.id.favorite);
            holder.imageButton.setBackgroundResource(R.drawable.off);

            /************  Set holder with LayoutInflater ************/
            vi.setTag(holder);
        } else
            holder = (ViewHolder) vi.getTag();

        if (data.size() <= 0) {
            holder.text.setText("No Data");

        } else {

            String string = (String) data.get(position);

            /************  Set Model values in Holder elements ***********/

            holder.text.setText(string);

            // this is for overall row click
            vi.setOnClickListener(new View.OnClickListener() {



                @Override
                public void onClick(View v) {
                    Log.d("row is click","row click"+position);
                }
            });
            // this is for image button onclick
            holder.imageButton.setOnClickListener(new View.OnClickListener() {

                @Override
                public void onClick(View v) {
                    if(isPressed){
                        holder.imageButton.setBackgroundResource(R.drawable.off);
                    }else{
                        holder.imageButton.setBackgroundResource(R.drawable.on);
                    }
                    isPressed = !isPressed; // reverse

                }
            });
            ;


        }
        return vi;
    }
}

行xml文件

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

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/station_name"
        android:padding="10dp"
        android:textColor="#eee345"
        android:textAppearance="?android:textAppearanceLarge"
        />

    <ImageButton android:id="@+id/favorite"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"

        android:background="#00ffffff"
     />


</LinearLayout>

fragment.xml之

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

    <ListView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/list_view">
    </ListView>

</LinearLayout>

fragment.java

public class Fragmentone  extends Fragment{

    ArrayList<String> name;
    boolean isPressed=false;

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_one, container, false);
        name=new ArrayList<String>();
        name.add("First Station");
        name.add("Second Station");

        ListView listView = (ListView) view.findViewById(R.id.list_view);

        CustomAdapter customAdapter =new CustomAdapter(getActivity(),name);
        listView.setAdapter(customAdapter);



        return view;
    }


}

3 个答案:

答案 0 :(得分:2)

您可以使用视图的getTag()setTag(Object tag)方法来处理各自的状态。确保正确处理getTag(),注意转换为布尔值并处理null返回(默认值)。

来自documentation

  

标签本质上是一个可以与视图相关联的额外信息。它们通常用于方便在视图中存储与视图相关的数据,而不是将它们放在单独的结构中

编辑:更简单的方法是使用可绘制的图像按钮背景选择器,然后根据选择状态,您可以更改其图像。请参阅此answer以了解如何执行此操作。另请查看相关的documentation

答案 1 :(得分:1)

  • 为您的商品创建课程
  • 和按下的布尔字段
  • 为该类创建适配器

同时检查here

答案 2 :(得分:1)

您的整个ListView只有一个isPressed变量,因此所有行都共享它。一种解决方案是使用ToggleButton和自定义状态列表drawable作为背景。这样可以省去手动跟踪切换状态,查找可绘制资源等的麻烦......