瀑布流javascript 瀑布流水的视频

为什么ListView很难或者根本无法实现的效果在RecyclerView上这么轻松就能实现了呢？ 这主要得益于RecyclerView出色的设计。 ListView的布局排列是由自身去管理的， 而RecyclerView则将这个工作交给了LayoutManager， LayoutManager中制定了一套可扩展的布局排列接口， 子类只要按照接口的规范来实现， 就能定制出各种不同排列方式的布局了。除了LinearLayoutManager之外， RecyclerView还给我们提供了GridLayoutManager和StaggeredGridLayoutManager这两种内置的布局排列方式。 GridLayoutManager可以用于实现网格布局， StaggeredGridLayoutManager可以用于实现瀑布流布局。 这里我们来实现一下效果更加炫酷的瀑布流布局

首先还是来修改一下fruit_item.xml中的代码， 如下所示：

android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="5dp" >
android:id="@+id/fruit_image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal" />
android:id="@+id/fruit_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="left"
android:layout_marginTop="10dp" />

这里做了几处小的调整， 首先将LinearLayout的宽度由100dp改成了match_parent ， 因为瀑布流布局的宽度应该是根据布局的列数来自动适配的， 而不是一个固定值。 另外我们使用了layout_margin 属性来让子项之间互留一点间距， 这样就不至于所有子项都紧贴在一些。 还有就是将TextView的对齐属性改成了居左对齐， 因为待会我们会将文字的长度变长， 如果还是居中显示就会感觉怪怪的。package com.example.listviewtest;

import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;
import androidx.recyclerview.widget.StaggeredGridLayoutManager;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.Toast;
import java.util.ArrayList;
import java.util.List;
import java.util.Random;
public class MainActivity extends AppCompatActivity {
private List fruitList = new ArrayList<>();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initFruits();
RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recycler_view);
StaggeredGridLayoutManager layoutManager = new
StaggeredGridLayoutManager(3, StaggeredGridLayoutManager.VERTICAL);
recyclerView.setLayoutManager(layoutManager);
FruitAdapter adapter = new FruitAdapter(fruitList);
recyclerView.setAdapter(adapter);
}
private void initFruits() {
for (int i = 0; i 
Fruit apple = new Fruit(
getRandomLengthName("Apple"), R.drawable.back);
fruitList.add(apple);
Fruit banana = new Fruit(
getRandomLengthName("Banana"), R.drawable.back);
fruitList.add(banana);
Fruit orange = new Fruit(
getRandomLengthName("Orange"), R.drawable.back);
fruitList.add(orange);
Fruit watermelon = new Fruit(
getRandomLengthName("Watermelon"), R.drawable.back);
fruitList.add(watermelon);
Fruit pear = new Fruit(
getRandomLengthName("Pear"), R.drawable.back);fruitList.add(pear);
Fruit grape = new Fruit(
getRandomLengthName("Grape"), R.drawable.back);
fruitList.add(grape);
Fruit pineapple = new Fruit(
getRandomLengthName("Pineapple"), R.drawable.back);
fruitList.add(pineapple);
Fruit strawberry = new Fruit(
getRandomLengthName("Strawberry"), R.drawable.back);
fruitList.add(strawberry);
Fruit cherry = new Fruit(
getRandomLengthName("Cherry"), R.drawable.back);
fruitList.add(cherry);
Fruit mango = new Fruit(
getRandomLengthName("Mango"), R.drawable.back);
fruitList.add(mango);
}
}
private String getRandomLengthName(String name) {
Random random = new Random();
int length = random.nextInt(20) + 1;
StringBuilder builder = new StringBuilder();
for (int i = 0; i 
builder.append(name);
}
return builder.toString();
}
}