android GridView设置边框教程

来源：互联网发布：gta5 4g内存优化编辑：程序博客网时间：2024/05/16 15:59

有图有真相！下面推荐内容排版就是使用的GridView，看到边框了没？？呵呵，接着上核心代码！

test.xml 布局文件,这个布局为GridView的每个项的布局。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!--?xml version=1.0encoding=utf-8?-->
<relativelayout android:layout_height="wrap_content"android:layout_width="fill_parent"android:orientation="vertical"xmlns:android="http://schemas.android.com/apk/res/android">
    <linearlayout android:gravity="center_vertical"android:id="@+id/recommend_item_content_linear"android:layout_height="wrap_content"android:layout_width="fill_parent"android:orientation="horizontal"android:paddingbottom="5dp"android:paddingtop="6dp">
        <imageview android:contentdescription="@null"android:id="@+id/recommend_item_icon"android:layout_height="50dp"android:layout_marginleft="2dp"android:layout_width="50dp"android:src="@drawable/icon">
        <linearlayout android:gravity="center_vertical"android:layout_height="wrap_content"android:layout_marginleft="3dp"android:layout_width="wrap_content"android:orientation="vertical">
            <textview android:id="@+id/recommend_item_appname"android:layout_height="wrap_content"android:layout_width="wrap_content"android:text="测试文字"android:textcolor="@color/black"android:textsize="@dimen/text_size">
            <linearlayout android:layout_height="wrap_content"android:layout_width="wrap_content"android:orientation="horizontal">
                <textview android:id="@+id/recommend_item_intro"android:layout_height="wrap_content"android:layout_width="wrap_content"android:text="体验"android:textcolor="@color/dimgray"android:textsize="@dimen/small_small_text_size">
                <textview android:id="@+id/recommend_item_money"android:layout_height="wrap_content"android:layout_marginleft="2dp"android:layout_width="wrap_content"android:text="+4万5"android:textcolor="@color/yellow_red"android:textsize="@dimen/little_title_size">
            </textview></textview></linearlayout>
        </textview></linearlayout>
    </imageview></linearlayout>
    <view android:background="@drawable/custom_tab_indicator_divider"android:contentdescription="@null"android:id="@+id/recommend_item_bottomline"android:layout_below="@+id/recommend_item_content_linear"android:layout_height="1px"android:layout_width="fill_parent">
     <view android:background="@drawable/custom_tab_indicator_divider"android:contentdescription="@null"android:id="@+id/recommend_item_rightline"android:layout_alignbottom="@+id/recommend_item_bottomline"android:layout_alignparentright="true"android:layout_height="fill_parent"android:layout_width="1px">
</view></view></relativelayout>

GridView adapter (适配器)核心代码

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
@Override
    publicView getView(intposition, View convertView, ViewGroup parent) {
        ViewHolder holder = null;
        View row=convertView;
         
        if(convertView == null) {
            row=inflater.inflate(R.layout.recommend_item_layout,null);
            holder = newViewHolder();         
            holder.iconImageView=(ImageView)row.findViewById(R.id.recommend_item_icon);
            holder.appNameTextView=(TextView)row.findViewById(R.id.recommend_item_appname);
            holder.introTextView=(TextView)row.findViewById(R.id.recommend_item_intro);
            holder.totalMoneyTextView=(TextView)row.findViewById(R.id.recommend_item_money);
            holder.rightLineView=(View)row.findViewById(R.id.recommend_item_rightline);
             
            row.setTag(holder);
        }else{
            holder=(ViewHolder)row.getTag();
        }
        String iconUrl=arrayList.get(position).getIconUrl();
        String appName=arrayList.get(position).getAppName();
        String intro=arrayList.get(position).getIntro();
        String totalMoney=arrayList.get(position).getTotalMoney();
         
        imageLoader.displayImage(iconUrl, holder.iconImageView);
        holder.appNameTextView.setText(appName);
        holder.introTextView.setText(intro);
        if(totalMoney!=null)
            holder.totalMoneyTextView.setText(totalMoney);
        else
            holder.totalMoneyTextView.setText();
         
        //单数就隐藏右边线，索引从0开始（双数开始）
        if(position%2!=0) {
            holder.rightLineView.setVisibility(View.GONE);
        }
         
        returnrow;
    }
 
    classViewHolder {
        ImageView iconImageView;
        TextView appNameTextView;
        TextView introTextView;
        TextView totalMoneyTextView;    
        View rightLineView;
    }

我这里的边框线为纯色的，你可以使用渐变色实现更加绚丽的效果，诸如此类：

0 0