Search code examples
androidbuttoncheckmark

android Check mark on button click


On click of a button , a check mark icon should be displayed on the leftmost corner of the button, when reclicked on the same button , the check mark icon should disppear. Could some on help me out in this case?


Solution

  • You can add an ImageView (lets say tick.png) with visibility Gone, at the left of the Button. And set its visibilty. Here is the code:

    <LinearLayout 
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent">
            <ImageView
                android:id="@+id/iv_tick"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:visibility="gone"
                android:src="@drawable/tick"/>
            <Button 
                android:id="@+id/btn_tick"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Press"/>
        </LinearLayout>
    

    Now, on Button click event you set its visibilty:

    Button btn_tick = (Button)findViewById(R.id.btn_tick);
        btn_tick.setOnClickListener(new OnClickListener()
            {
                public void onClick(View v)
                {
                    ImageView iv_tick = (ImageView)findViewById(R.id.iv_tick);
                    int visibility = iv_tick.getVisibility();
                    if(visibility == View.VISIBLE)
                    {
                        iv_tick.setVisibility(View.GONE);
                    }
                    else
                    {
                        iv_tick.setVisibility(View.VISIBLE);
                    }
                }
            });