Android 는 GridView 를 사용 하여 표 분할 선 효 과 를 실현 합 니 다.

GridView 를 사용 하여 표 분할 선 효 과 를 실현 하고 격자 레이아웃 표 레이아웃 도 실현 할 수 있 습 니 다.
효 과 는 다음 과 같 습 니 다:

1.주 함수 코드:

package com.example.qd.douyinwu;
 
import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;
import android.widget.SimpleAdapter;
import android.widget.TextView;
 
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
 
/**
 *    GridLayout       
 * <p>
 * https://github.com/li504799868/GridLayoutView
 * https://github.com/Eason90/GridBuilder
 * <p>
 * https://github.com/wimsonevel/AndroidGridLayout
 * <p>
 * https://blog.csdn.net/swust_chenpeng/article/details/37873215
 * tableLayout     gridview        
 * <p>
 * <p>
 * https://github.com/LRH1993/AutoFlowLayout       
 * https://github.com/dolphinwang/GridLayout
 * https://blog.csdn.net/aminy123/article/details/69053339     
 */
public class SGridViewAcivity extends Activity {
 private View view = null;
 private GridView gridView;
 private List<Map<String, Object>> data_list;
 private SimpleAdapter sim_adapter;
 private Context mContext;
 //          
 private int[] icon = {R.drawable.ic_launcher_background, R.drawable.ic_launcher_background,
  R.drawable.jz_backward_icon, R.drawable.jz_backward_icon, R.drawable.ic_launcher_background,
  R.drawable.jz_backward_icon, R.drawable.jz_backward_icon, R.drawable.ic_launcher_background,
  R.drawable.jz_backward_icon, R.drawable.ic_launcher_background, R.drawable.ic_launcher_background,
  R.drawable.jz_backward_icon};
 private String[] iconName = {"   ", "  ", "   ", "  ", "  ", "  ", "  ",
  "  ", "  ", "  ", "   ", "  "};
 private String[] iconNames = {"", "  ", "  ", "   ", "  ","  ",
  "  ", "666", "688", "999", "888","988",
  "   ", "122", "222", "112","388","321",
  "  ", "322", "200", "100", "210","188",
  "  ", "101", "120", "142", "234", "532"};
 
 
 
 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_gv);
 
 gridView = (GridView) findViewById(R.id.gridView2);
//  List
 data_list = new ArrayList<Map<String, Object>>();
 //    
 getData();
 //     
 String[] from = {"image", "text"};
 int[] to = {R.id.image, R.id.text};
 gridView.setAdapter(new ImageAdapter(SGridViewAcivity.this));
 
// sim_adapter = new SimpleAdapter(this, data_list, R.layout.item, from, to);
 //     
// gridView.setAdapter(sim_adapter);
 
 }
 public List<Map<String, Object>> getData() {
 //cion iconName       ，         
 for (int i = 0; i < icon.length; i++) {
  Map<String, Object> map = new HashMap<String, Object>();
  map.put("image", icon[i]);
  map.put("text", iconName[i]);
  data_list.add(map);
 }
 
 return data_list;
 }
 
 // references to our images
 private Integer[] mThumbIds = {
  R.drawable.jz_backward_icon, R.drawable.jz_add_volume,
  R.drawable.jz_add_volume, R.drawable.jz_add_volume,
  R.drawable.jz_add_volume, R.drawable.jz_add_volume,
  R.drawable.jz_add_volume, R.drawable.jz_add_volume,
  R.drawable.jz_add_volume, R.drawable.jz_add_volume,
  R.drawable.jz_add_volume, R.drawable.jz_add_volume,
  R.drawable.jz_add_volume, R.drawable.jz_add_volume,
  R.drawable.jz_add_volume, R.drawable.jz_add_volume,
  R.drawable.jz_add_volume, R.drawable.jz_add_volume,
  R.drawable.jz_add_volume, R.drawable.jz_add_volume,
  R.drawable.jz_add_volume, R.drawable.jz_add_volume
 };
 
 private class ImageAdapter extends BaseAdapter {
 
 private Context mContext;
 
 public ImageAdapter(Context context) {
  this.mContext = context;
 }
 
 
 @Override
 public int getCount() {
  return iconNames.length;
 }
 
 @Override
 public Object getItem(int position) {
  return null;
 }
 
 @Override
 public long getItemId(int position) {
  return position;
 }
 
 @Override
 public View getView(int position, View convertView, ViewGroup parent) {
  ViewHolder viewHolder = null;
 
  if (convertView == null) {
  convertView = LayoutInflater.from(mContext).inflate(R.layout.item, parent, false);
  viewHolder = new ViewHolder();
//  viewHolder.itemImg = (ImageView) convertView.findViewById(R.id.iv_head);
  viewHolder.mText = (TextView) convertView.findViewById(R.id.text);
 
  convertView.setTag(viewHolder);
 
  } else {
  viewHolder = (ViewHolder) convertView.getTag();
  }
 
  //       ，              ，    ImageLoader                
//  imageLoader.displayImage("drawable://" + mThumbIds[position], viewHolder.itemImg);
 
  viewHolder.mText.setText(iconNames[position]);
 
  return convertView;
 }
 
 
 class ViewHolder {
  ImageView itemImg;
  TextView mText;
 }
 }
 
}

2.주 함수 레이아웃:

<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:background="@color/colorPrimary"
 android:orientation="vertical">
 <GridView
 android:id="@+id/gridView2"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:layout_marginTop="30dp"
 android:background="#999"
 android:horizontalSpacing="1dp"
 android:verticalSpacing="1dp"
 android:padding="1dp"
 android:numColumns="6" />
</LinearLayout>

ListView 가 분할 선 을 설정 하면 설정:
android:divider
android:dividerHeight
a.GridView 배경 색 을 설정 합 니 다.
b.수평 과 수직 방향 간격 설정:android:horizontal Spacing 과 android:vertical Spacing.
c.GridView 의 item 배경 색 과 선택 한 색상 을 설정 합 니 다.
3.어댑터 레이아웃:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:orientation="vertical"
 android:background="@drawable/gv_one_selector"
 >
 
 <TextView
 android:id="@+id/text"
 android:gravity="center"
 android:layout_width="match_parent"
 android:layout_height="39dp"
 android:textSize="13sp"
 android:padding="0dp"
 android:text="TextView" />
 
</LinearLayout>

4.배경 선택 기 gvone_selector：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
 <!--       -->
 <item
 android:state_selected="true" >
 <shape android:shape="rectangle">
  <solid
  android:color="#CCCCCC"
  />
 </shape>
 </item>
 <item
 android:state_pressed="true" >
 <shape android:shape="rectangle">
  <solid
  android:color="#CCCCCC"
  />
 </shape>
 </item>
 <item>
 <shape android:shape="rectangle">
  <solid
  android:color="#FFFFFF"
  />
 </shape>
 </item>
</selector>

선택 기 참조: 

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
 <!--         -->
 <item
 android:state_selected="true" >
 <shape android:shape="rectangle">
  <solid
  android:color="#CCCCCC"
  />
  <stroke android:width="1.0px" android:color="#999999" />
 </shape>
 </item>
 <item
 android:state_pressed="true" >
 <shape android:shape="rectangle">
  <solid
  android:color="#CCCCCC"
  />
  <stroke android:width="1.0px" android:color="#999999" />
 </shape>
 </item>
 <item>
 <shape android:shape="rectangle">
  <stroke android:width="1.0px" android:color="#999999" />
 </shape>
 </item>
</selector>

이상 은 모든 코드 입 니 다.
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.