Question

我有不同宽度的卡片，我想创建一个网格布局，其中width =匹配父级（填充屏幕）和固定高度。我想在网格布局中设置卡片，因此列数会相应地改变为可以适合该行的元素的宽度。

因此元素将被设置在一个水平行中，直到它们适合屏幕，然后转到下一行，当它们超过固定高度时，垂直滚动。

我正在尝试使用网格布局，但我不知道它是否适合这种解决方案。我使用原生Android 。

这里的图片应如下所示：

感谢。

Answer 1

您可以使用FlexboxLayoutManager

将以下依赖项添加到build.gradle文件中：

//remove min node in BST
node * extractMin() 
{
    return recRemove(root, findMin(root));
}
//delete node from tree
node * recRemove(node * root, double data)
{
    //3 cases: no children, one child, 2 children
    if (root == NULL)
    {
        return NULL;
    }
    else if (data < root->data)
    {
        root->left = recRemove(root->left, data);
    }
    else if(data > root->data)
    {
        root->right = recRemove(root->right, data);
    }
    else
    {
        if (root->right == NULL && root->left == NULL) //no children
        {
            delete root;
            root = NULL;
            return root;
        }
        else if(root->left == NULL) //only right child
        {
            temp = root;
            root = root->right;
            delete temp;
            return root;
        }
        else if(root->right == NULL) //only left child
        {
            temp = root;
            root = root->left;
            delete temp;
            return root;
        }
        else //2 children
        {
            temp->data = findMin(root->right);
            root->data = temp->data;
            root->right = recRemove(root->right, temp->data);
        }
    }

    return root;
}
//find min node in BST
double findMin(node * p)
{
    if(p == NULL)
    {
        return -1;
    }
    else
    {
        //in a balanced BST the minimum node is the leftmost node so,
        //we traverse the left subtree until we get to the leftmost node and return and remove it.
        temp = p;
        while(temp->left != NULL)
        {
            temp = temp->left;
        }
        return temp->data;
    }
}

示例代码

LAYOUT.XML

implementation 'com.google.android:flexbox:0.3.2'

ACTIVTY CODE

<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">

    <android.support.v7.widget.RecyclerView
      android:id="@+id/recyclerView"
      android:layout_width="match_parent"
      android:layout_height="250dp" />



</LinearLayout>

适配器代码

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

import com.google.android.flexbox.FlexDirection;
import com.google.android.flexbox.FlexboxLayoutManager;
import com.google.android.flexbox.JustifyContent;

import java.util.ArrayList;


public class MainActivity extends AppCompatActivity {

    RecyclerView recyclerView;
    ArrayList<String> arrayList = new ArrayList<>();
    DataAdapter adapter;

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

        recyclerView = findViewById(R.id.recyclerView);
        initArray();
        FlexboxLayoutManager layoutManager = new FlexboxLayoutManager(this);
        layoutManager.setFlexDirection(FlexDirection.COLUMN);
        layoutManager.setJustifyContent(JustifyContent.FLEX_END);
        recyclerView.setLayoutManager(layoutManager);
        adapter = new DataAdapter(this, arrayList);
        recyclerView.setAdapter(adapter);

    }

    private void initArray() {

        arrayList.add("ioreeoe");
        arrayList.add("fghfgh");
        arrayList.add("ftyjyjhghgh");
        arrayList.add("jfgewrg");
        arrayList.add("rwrewr");
        arrayList.add("ghyjtyfghh");
        arrayList.add("gfhfgh");
        arrayList.add("gfhfht");
        arrayList.add("retretret");
        arrayList.add("retret");
        arrayList.add("ioreeoe");
        arrayList.add("fghfgh");
        arrayList.add("ftyjyjhghgh");
        arrayList.add("jfgewrg");
        arrayList.add("rwrewr");
        arrayList.add("ghyjtyfghh");
        arrayList.add("gfhfgh");
        arrayList.add("gfhfht");
        arrayList.add("retretret");
        arrayList.add("retret");
        arrayList.add("ioreeoe");
        arrayList.add("fghfgh");
        arrayList.add("ftyjyjhghgh");
        arrayList.add("jfgewrg");
        arrayList.add("rwrewr");
        arrayList.add("ghyjtyfghh");
        arrayList.add("gfhfgh");
        arrayList.add("gfhfht");
        arrayList.add("retretret");
        arrayList.add("retret");
    }

}

custom_layout.xml

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

import java.util.ArrayList;

/**
 * Created by nilesh on 3/4/18.
 */

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

    Context context;
    ArrayList<String> arrayList = new ArrayList<>();

    public DataAdapter(Context context, ArrayList<String> arrayList) {
        this.context = context;
        this.arrayList = arrayList;
    }

    @Override
    public DataAdapter.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(context).inflate(R.layout.custom_layout, parent, false);
        return new ViewHolder(view);
    }

    @Override
    public void onBindViewHolder(DataAdapter.ViewHolder holder, int position) {

        holder.title.setText(arrayList.get(position));
    }

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

    public class ViewHolder extends RecyclerView.ViewHolder {
        TextView title;

        public ViewHolder(View itemView) {
            super(itemView);
            title = itemView.findViewById(R.id.nilu);
        }
    }
}

@绘制/测试

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <TextView
        android:id="@+id/nilu"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        android:background="@drawable/test"
        android:padding="10dp"
        android:textColor="#050505" />
</LinearLayout>

<强> RESULT

Answer 2

您可以使用交错的GridView库。例如。 https://github.com/etsy/AndroidStaggeredGrid 修改在build.gradle和xml中添加依赖项，您可以添加：

<com.etsy.android.grid.StaggeredGridView android:id="@+id/itemgridfragment_gridview" android:layout_width="match_parent" android:layout_height="match_parent" app:column_count="2" android:background="@color/white" app:item_margin="@dimen/fragment_landingpage_8" /> </android.support.v4.widget.SwipeRefreshLayout>

Android GridLayout，每行有动态列数

2 个答案: