Expandable View in Android

Question

Hi I'm currently working on styling my user info form, Can i ask someone on how to achieve when i press a certain imageview button my view will expand and vice versa.

Sample Screen shot:

If not expanded.

When press the arrow down to expand:

MainActivity.java

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.Toolbar;

import com.yoesuv.demorecyclerview.adapter.CardViewAdapter;

public class MainActivity extends AppCompatActivity {

    private String[] dataset;
    private RecyclerView.Adapter adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        dataset = getResources().getStringArray(R.array.android);

        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
        if(getSupportActionBar()!=null){
            getSupportActionBar().setElevation(5);
        }

        RecyclerView mRecyclerView = (RecyclerView) findViewById(R.id.recyclerView);
        mRecyclerView.setHasFixedSize(true);
        mRecyclerView.setLayoutManager(new LinearLayoutManager(this));

        adapter = new CardViewAdapter(dataset);
        mRecyclerView.setAdapter(adapter);
    }
}

CardviewAdapter.java

import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
import android.widget.Toast;

import com.yoesuv.demorecyclerview.R;

public class CardViewAdapter extends RecyclerView.Adapter<CardViewAdapter.ViewHolder> {

    private String[] dataset;

    public CardViewAdapter(String[] dataset){
        this.dataset = dataset;
    }

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View itemLayout = LayoutInflater.from(parent.getContext()).inflate(R.layout.cardview_row, null);
        return new ViewHolder(itemLayout);
    }

    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        holder.tV.setText(dataset[position]);
    }

    @Override
    public int getItemCount() {
        return dataset.length;
    }

    public static class ViewHolder extends RecyclerView.ViewHolder{

        public TextView tV;

        public ViewHolder(View itemView) {
            super(itemView);

            tV = (TextView) itemView.findViewById(R.id.textView_data);
            itemView.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    Toast.makeText(v.getContext(), tV.getText().toString(), Toast.LENGTH_SHORT).show();
                }
            });
        }
    }
}

Appreciate for any help.

handle the visibility of last two items(occupation and Phone) on click of imageView in your adapter. — nnn, Feb 06 '17 at 13:39
hi sir, thanks for your suggestion. can you show some codes? — iamcoder, Feb 06 '17 at 13:44

score 0 · Answer 1 · answered Feb 06 '17 at 16:13

You can just hide it, and show again on click

RelativeLayout hiddenLayout = (RelativeLayout) itemView.findViewById(R.id.hiddenLayout);
button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if(hiddenLayout.getVisibility() == View.VISIBLE) hiddenLayout.setVisibility(View.GONE); // hides layout
                else hiddenLayout.setVisibility(View.VISIBLE); // shows layout


            }
        });

I suggest putting lines Occupaction and Phone lines in container layout so you can toggle their visibility with just 2 lines of code

<RelativeLayout 
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:visibility="gone"
android:id="@+id/hiddenLayout" >
// put TextViews and EditTexts for Phone and Occupation here
</RelativeLayout>

Expandable View in Android

1 Answers1