2017-10-04 77 views
0

想要制作物品列表,但按不同方式排序,如随机放置。项目数量将会动态变化,相对API。事情是,我怎么能放在随意摆放方式所有进入的项目,恰恰是这样的:ImageSampleAndroid RecycleView随机放置物品

enter image description here

附:将会有3种类型的图形:水平矩形,垂直矩形和方形。

回答

0

进行多项视图保持器图案,然后在特定的变量的基础膨胀内部适配器视图。由于你有3种不同的行,你必须创建3个视图

+0

试过了,但我不知道如何放置随机数列的元素 – revcik

+0

随机数列是什么意思? – YoLo

0
import android.os.Bundle; 
import android.support.v7.app.AppCompatActivity; 
import android.support.v7.widget.LinearLayoutManager; 
import android.support.v7.widget.RecyclerView; 
import android.support.v7.widget.StaggeredGridLayoutManager; 
import java.util.ArrayList; 
import java.util.Arrays; 
public class MainActivity extends AppCompatActivity { 
    // ArrayList for person names 
    ArrayList personNames = new ArrayList<>(Arrays.asList("Person 1", "Person 2", "Person 3", "Person 4", "Person 5", "Person 6", "Person 7", "Person 8", "Person 9", "Person 10", "Person 11", "Person 12", "Person 13", "Person 14")); 
    ArrayList personImages = new ArrayList<>(Arrays.asList(R.drawable.person1, R.drawable.person2, R.drawable.person3, R.drawable.person4, R.drawable.person5, R.drawable.person6, R.drawable.person7, R.drawable.person1, R.drawable.person2, R.drawable.person3, R.drawable.person4, R.drawable.person5, R.drawable.person6, R.drawable.person7)); 
    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.activity_main); 
     // get the reference of RecyclerView 
     RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recyclerView); 
     // set a StaggeredGridLayoutManager with 3 number of columns and vertical orientation 
     StaggeredGridLayoutManager staggeredGridLayoutManager = new StaggeredGridLayoutManager(3, LinearLayoutManager.VERTICAL); 
     recyclerView.setLayoutManager(staggeredGridLayoutManager); // set LayoutManager to RecyclerView 
     // call the constructor of CustomAdapter to send the reference and data to Adapter 
     CustomAdapter customAdapter = new CustomAdapter(MainActivity.this, personNames, personImages); 
     recyclerView.setAdapter(customAdapter); // set the Adapter to RecyclerView 
    } 
} 

CustomAdapter.java

import android.content.Context; 
import android.content.Intent; 
import android.support.v7.widget.RecyclerView; 
import android.view.LayoutInflater; 
import android.view.View; 
import android.view.ViewGroup; 
import android.widget.ImageView; 
import android.widget.TextView; 
import java.util.ArrayList; 
public class CustomAdapter extends RecyclerView.Adapter { 
    ArrayList personNames; 
    ArrayList personImages; 
    Context context; 
    public CustomAdapter(Context context, ArrayList personNames, ArrayList personImages) { 
     this.context = context; 
     this.personNames = personNames; 
     this.personImages = personImages; 
    } 
    @Override 
    public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { 
     // infalte the item Layout 
     View v = LayoutInflater.from(parent.getContext()).inflate(R.layout.rowlayout, parent, false); 
     // set the view's size, margins, paddings and layout parameters 
     MyViewHolder vh = new MyViewHolder(v); // pass the view to View Holder 
     return vh; 
    } 
    @Override 
    public void onBindViewHolder(MyViewHolder holder, final int position) { 
     // set the data in items 
     holder.name.setText(personNames.get(position)); 
     holder.image.setImageResource(personImages.get(position)); 
     // implement setOnClickListener event on item view. 
     holder.itemView.setOnClickListener(new View.OnClickListener() { 
      @Override 
      public void onClick(View view) { 
       // open another activity on item click 
       Intent intent = new Intent(context, SecondActivity.class); 
       intent.putExtra("image", personImages.get(position)); // put image data in Intent 
       context.startActivity(intent); // start Intent 
      } 
     }); 
    } 
    @Override 
    public int getItemCount() { 
     return personNames.size(); 
    } 
    public class MyViewHolder extends RecyclerView.ViewHolder { 
     // init the item view's 
     TextView name; 
     ImageView image; 
     public MyViewHolder(View itemView) { 
      super(itemView); 
      // get the reference of item view's 
      name = (TextView) itemView.findViewById(R.id.name); 
      image = (ImageView) itemView.findViewById(R.id.image); 
     } 
    } 
} 

开放资源 - >布局 - > activity_main.xml(或)main.xml并添加以下代码:

在此一步我们在我们的XML文件中创建一个RecyclerView。

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout 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.support.v7.widget.RecyclerView 
     android:id="@+id/recyclerView" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" /> 
</RelativeLayout> 

为RecyclerView的网格项创建一个新的XML文件rowlayout.xml。

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:background="@drawable/custom_item_layout" 
    android:padding="5dp"> 
    <!-- 
    grid items for RecyclerView 
    --> 
    <ImageView 
     android:id="@+id/image" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:scaleType="fitXY" 
     android:src="@mipmap/ic_launcher" /> 
    <TextView 
     android:id="@+id/name" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:layout_centerHorizontal="true" 
     android:text="ABCD" 
     android:textSize="20sp" 
     android:textColor="#fff" /> 
</RelativeLayout> 

enter image description here

+0

看起来不错,但这里也是3列。在这种情况下,我需要放置在随机数列... – revcik

+0

这种布局是一个网格,具有固定的跨度。但是,我们可以将项目跨越整个行或列。让我们看看它是如何工作的。使用我们之前的活动/非活动项目,我们将使活动项目完全跨越。绑定项目时,这在适配器中完成。 –

+0

//跨项目如果激活 final ViewGroup.LayoutParams lp = holder.itemView.getLayoutParams(); (StaggeredGridLayoutManager.LayoutParams的实例) sglp.setFullSpan(item.isActive()); holder.itemView.setLayoutParams(sglp); } –