RecyclerView(Item Click) 1탄

RecyclerView(Item Click) 1탄

- 이번글에서는 아주 간단하게 List에 있는 Item을 클릭하는 

  방법과 Item을 클릭할때 pressed(눌림) 효과를 줘본다

- Item을 선택하는 방법에는 여러방법이 많지만 첫번째로 해 볼 

  방법은 가장 심플하고 쉽게 사용하고 많이 사용하는

  onBindViewHolder에서 setOnClickListener를 설정하는 것이다.

- 원래는 item 선택이랑 notify랑 묶어서 글을 쓰려고 했는데, 

   pressed에다가 Item Click 후 처리까지 하고 notify까지 

  하려면 길어질 것 같아서 일단 notify는 다음으로 미뤘다

① 간단하게 EditText에 Text를 입력후 버튼을 누르면 Item이 생성되고

② List에 있는 Item을 선택할 때 pressed 효과를 넣고 토스트를 띄운다.

1. activity_main.xml

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <EditText
        android:id="@+id/et"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        />
    <Button
        android:id="@+id/btn"
        android:text="입력하기"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <android.support.v7.widget.RecyclerView
        android:id="@+id/rv"
        android:background="@drawable/bg"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

</LinearLayout>

EditText 1개, Button 1개, RecyclerView 1개를 넣었다.

원래 Strings.xml에 text를 넣어서 써야 되는데 귀찮아서 생략한다.

2. recyclerview_custom.xml

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <TextView
        android:id="@+id/tv"
        android:textColor="#000000"
        android:textSize="20sp"
        android:layout_margin="10dp"
        android:gravity="center"
        android:background="@drawable/tv_selector"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
</LinearLayout>

여기도 별 거 없이 TextView 1개 이다.

여기서도 Color를 따로 모아놔야되는데 생략한다.

3. bg.xml(RecyclerView의 배경이다)

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid
        android:color="#ff36d218"/>
    <stroke
        android:width="2dp"
        android:color="#000000"
        android:dashWidth="1dp"
        android:dashGap="0dp" />
    <padding
        android:left="7dp"
        android:top="7dp"
        android:right="7dp"
        android:bottom="7dp" />
    <corners
        android:radius="2dp" />
</shape>

[res]-[drawable] 폴더 안에 넣으면 된다.

4. tv_selector.xml(Item을 누르는 과정에서 눌렸을때 효과를 준다)

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:drawable="@drawable/tv_off"
        android:state_pressed="false"
        />
    <item
        android:drawable="@drawable/tv_on"
        android:state_pressed="true"
        />
</selector>

보면 알겠듯이 state_pressed가 

false일때는 기본상태이고

true일때가 눌렸을때이다.

android:drawable에 false,true일때의 속성을 넣어준다.

5.tv_off.xml(Item이 눌리기전 기본상태이다)

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" android:padding="10dp">
    <solid android:color="#fffcffa5"/>
    <corners
        android:bottomRightRadius="5dp"
        android:bottomLeftRadius="5dp"
        android:topLeftRadius="5dp"
        android:topRightRadius="5dp"/>
    <stroke android:width="2dp"
        android:color="#000000"
        />
</shape>

6.tv_on.xml(Item이 눌리는 순간이다)

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" android:padding="10dp">
    <solid android:color="#ffffb925"/>
    <corners
        android:bottomRightRadius="5dp"
        android:bottomLeftRadius="5dp"
        android:topLeftRadius="5dp"
        android:topRightRadius="5dp"/>
    <stroke android:width="2dp"
        android:color="#000000"
        />
</shape>

보면 알겠지만 나머지 속성은 그대로이고

solid에서만 변화를 주었다.

7. MainActivity.java

public class MainActivity extends Activity
{
    RecyclerView rv;
    LinearLayoutManager llm;
    List<String> count = null;
    Button btn;
    EditText et = null;
    String text;

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

        et = (EditText)findViewById(R.id.et);
        rv = (RecyclerView)findViewById(R.id.rv);
        btn = (Button)findViewById(R.id.btn);
        llm = new LinearLayoutManager(this);
        rv.setHasFixedSize(true);
        rv.setLayoutManager(llm);

        count = new ArrayList<>();

        btn.setOnClickListener(new View.OnClickListener()
        {
            @Override
            public void onClick(View v)
            {
                text = et.getText().toString();
                count.add(text);
                rv.setAdapter(new CountAdapter(getApplication(), count, text));
            }
        });
    }
}

저번이랑 코드가 거의 똑같다

count는 저번글에 변수명이었는데

실수로 못바꿨다. 

그냥 String형이다.

8.CountAdapter.java

public class CountAdapter extends RecyclerView.Adapter<CountAdapter.MyViewHolder>
{
    Context mContext;
    List<String> items;
    String text;


    public CountAdapter(Context c, List<String> items, String text)
    {
        this.mContext = c;
        this.items = items;
        this.text = text;
    }
    @Override
    public CountAdapter.MyViewHolder onCreateViewHolder(ViewGroup viewGroup, int i)
    {
        View v = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.recyclerview_custom, viewGroup, false);
        return new MyViewHolder(v);
    }

    @Override
    public void onBindViewHolder(CountAdapter.MyViewHolder myViewHolder, int position)
    {
        final String item = items.get(position);
        myViewHolder.tv.setText("" + item);
        myViewHolder.tv.setOnClickListener(new View.OnClickListener()
        {
            @Override
            public void onClick(View v)
            {
                Toast.makeText(mContext,item,Toast.LENGTH_SHORT).show();
            }
        });
    }


    @Override
    public int getItemCount()
    {
        return this.items.size();
    }

    public class MyViewHolder extends RecyclerView.ViewHolder
    {
        TextView tv;
        public MyViewHolder(View itemView)
        {
            super(itemView);
            tv = (TextView) itemView.findViewById(R.id.tv);
        }
    }
}

여기서도 그냥 setOnClickListener 달아준 것 밖에 없다.

Item 선택하는 방법중 이게 가장 쉽다.

이번글은 간단히 Item선택시 Item내용을 Toast 띄우고

Xml로 ShapeDrawable 만드는 것만 하였다.

ShapeDrawable은 따로 xml 카테고리에서 

분석할 예정이다.

그냥 다음글 쓰기전에 미리 

색깔좀 넣어보고 싶어서

써봤다.