首页 > 代码库 > gridView，网格

gridView，网格

2024-07-15 03:52:41   213人阅读

Unfortunately, after looking at the source code, I could not see any easy way to add borders other than taking the approach of adding borders to the each cell. As a reference, I will post my solution here.

list_item.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout    xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:orientation="horizontal"    android:background="@drawable/list_selector">    <!-- Cell contents --></LinearLayout>

list_selector.xml

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">    <item         android:state_selected="true"         android:drawable="@drawable/item_border_selected"     />    <item         android:state_pressed="true"         android:drawable="@drawable/item_border_selected"     />    <item        android:drawable="@drawable/item_border"     /></selector>

item_border.xml

<?xml version="1.0" encoding="UTF-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android">    <solid         android:color="@android:color/transparent"     />    <stroke         android:width="1px"         android:color="@color/list_divider"     /></shape>

item_border_selected.xml

<?xml version="1.0" encoding="UTF-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android">    <solid         android:color="@color/list_select"     />    <stroke         android:width="1px"         android:color="@color/list_divider"     /></shape>

items_view.xml

<?xml version="1.0" encoding="utf-8"?><GridView    xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:layout_marginLeft="-1px"    android:layout_marginRight="-1px"    android:listSelector="@android:color/transparent"/>

Since all lines double in size as they join their neighboring cells, I made the divider size 1px instead of 1dp so it doesn‘t appear too large on some screens. Also, I made the grid view have negative margins to hide the lines on either side. I hope this helps someone.

 

另一种方式

 

GridView网格布局，默认情况下是没有网格线的

查找网上资料，找到了一种为GridView添加网格线的小技巧

 

实际上，该网格线是通过设置GridView各子项的间隔，并分别设置GridView背景色与子项背景色实现的。

 

实现方法

 

  1. 设置GridView背景色，设置水平间方向间隔属性值android:horizontalSpacing和竖直方向间隔属性值android:verticalSpacing
  2. 设置GridView子项背景色
示例代码：
main.xml
<?xml version="1.0" encoding="utf-8"?>  <GridView xmlns:android="http://schemas.android.com/apk/res/android"      android:id="@+id/main_GridView"      android:horizontalSpacing="1dp"      android:verticalSpacing="1dp"      android:stretchMode="columnWidth"      android:numColumns="3"      android:gravity="center"      android:listSelector="@null"      android:background="#DCDCDC"      android:layout_width="fill_parent"      android:layout_height="fill_parent">    </GridView>

Main.java

package dyingbleed.iteye;    import android.app.Activity;  import android.content.Context;  import android.graphics.Color;  import android.os.Bundle;  import android.view.Gravity;  import android.view.View;  import android.view.ViewGroup;  import android.view.ViewGroup.LayoutParams;  import android.widget.AbsListView;  import android.widget.BaseAdapter;  import android.widget.GridView;  import android.widget.TextView;    public class Main extends Activity {            private GridView grid;            @Override      public void onCreate(Bundle savedInstanceState) {          super.onCreate(savedInstanceState);          setContentView(R.layout.main);                    grid = (GridView) findViewById(R.id.main_GridView);          grid.setAdapter(new GridViewAdapter(this));      }            private class GridViewAdapter extends BaseAdapter {                    private Context context;                    public GridViewAdapter(Context context) {              this.context = context;          }                    int count = 100;            @Override          public int getCount() {              return count;          }            @Override          public Object getItem(int position) {              return position;          }            @Override          public long getItemId(int position) {              return position;          }            @Override          public View getView(int position, View convertView, ViewGroup parent) {              TextView result = new TextView(context);              result.setText("Item "+position);              result.setTextColor(Color.BLACK);              result.setTextSize(24);              result.setLayoutParams(new AbsListView.LayoutParams(new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT)));              result.setGravity(Gravity.CENTER);              result.setBackgroundColor(Color.WHITE); //设置背景颜色              return result;          }                }  }
运行截图：
以上文字摘自：http://blog.csdn.net/sfshine/article/details/8764858，http://stackoverflow.com/questions/7132030/android-gridview-draw-dividers


联系
我们