Gridview具有水平和垂直中心对齐分隔线

Question

我需要设计网格视图，如下图所示。

I have implemented Custom GridView with Images and used the below code for GridView -

<GridView
android:id="@+id/gridViewBloodDonors"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:numColumns="2"
android:background="#e5e5e5"
android:horizontalSpacing="1dp"
android:stretchMode="columnWidth"
android:listSelector="@null"
android:verticalSpacing="1dp" />

以及ImageView for GridView的代码 -

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="5dp" 
android:background="#FFF">

<ImageView
android:id="@+id/grid_button"
android:layout_width="140dp"
android:layout_height="100dp" />
</LinearLayout>

And the result I got as shown in the picture below

任何人都可以帮助我分频器。谢谢。

Answer 1

忘记gridview并删除现有边框。

而是添加到每个单元格，每个图标的下方（或上方），某个元素（如<div>）并根据需要应用css宽度和边框并居中。

你可以做类似的事情来创建一条垂直线 - 添加第三个包含css样式div的中心列，或者在column1图标之后或column2图标之前添加一些元素。

在第一个/最后一个条件时，您只需要使用样式。例如，您不希望最后一行有底线。

Answer 2

为此，您必须为半分频器设计自定义ItemDecorator。
或者你也可以 使用，

Property Palette

这将用于底部分隔符，将其放在item_layout.xml文件中，类似地，您可以创建右侧分隔符。