需求
如上图(从其他网站上弄的图,效果类似):
需求一:设置item的宽度小于listview的宽度;
需求二:将item整个布局居中显示。
需求一解决方法
参照这位博主的方法(点击进入)
以下是原文:
在Android开发中会发现,有时listView和GridView的item顶层布局不起作用,即不能设置高度和宽度,原因是当用自定义的adapter时,如果使用
convertView= mInflater.inflate(R.layout.material_grid_item, null)
方法就不会起作用,这个 方法的第二个参数是父View,传入为空,所以没有加载顶层布局,此时如果使用
convertView=mInflater.inflate(R.layout.material_grid_item, parent,false);
传入parent,在item的布局文件中设置的高度和宽度就会起作用了。
至于原因,这篇比较全面,从源码入手,LayoutInflater的正确使用,内容较多,就不粘贴了,要了解的可以自己去看,写的很详细。
上面说的很清楚了,以下是adapter中的部分代码,具体布局需求二中有贴:
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder viewHolder = null;
if (convertView == null) {
viewHolder = new ViewHolder();
//主要是这句起作用
convertView = LayoutInflater.from(mContext).inflate(R.layout.fm_adapter, parent,false);
convertView.setTag(viewHolder);
} else {
viewHolder = (ViewHolder) convertView.getTag();
}
......
}
需求二的解决方案
尝试过在listview和item的根布局文件中加 android:layout_gravity=”center”和android:gravity=”center”和android:layout_centerVertical=”true”等等属性,以及在item根布局中加入margin值等等,都不起作用。查看了listview的所有属性,依然没有找到对应的解决方案。
最后尝试在item的布局中嵌套一些viewgroup再加上margin值居然起作用了,这也是最后使用的方案,以下是代码:
1.listview的布局
<ListView
android:id="@+id/radio_listview"
android:layout_width="250dp"
android:layout_height="320dp"
android:background="@drawable/fm_list_bg"
android:divider="@drawable/radio_list_line"
android:listSelector="@android:color/transparent"
android:paddingBottom="8dp"
android:paddingTop="8dp"
android:scrollbars="vertical" >
</ListView>
2.item的布局
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
<- listview的布局文件中width的宽度是250dp,这里是200dp ->
android:layout_width="200dp"
android:layout_height="match_parent"
android:orientation="vertical">
<- 可以在这个LinearLayout中设置item的点击效果 ->
<LinearLayout
android:id="@+id/ll_listview_item"
android:layout_width="match_parent"
android:layout_height="52dp"
<- 在这里设置item的marginLeft,将布局置中 ->
android:layout_marginLeft="25dp"
android:gravity="center_vertical"
android:orientation="horizontal" >
<- 下面这个LinearLayout是作其他用途的,没需求的可以忽略 ->
<LinearLayout
android:id="@+id/listview_item_bg"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
android:gravity="center_vertical"
android:weightSum="3" >
<TextView
android:id="@+id/radio_name"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center_vertical|right"
android:singleLine="true"
android:textSize="18sp" />
<TextView
android:id="@+id/radio_frequency"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:paddingLeft="16dp"
android:gravity="center_vertical|left"
android:singleLine="true"
android:textSize="18sp"
/>
</LinearLayout>
</LinearLayout>
</LinearLayout>
想了挺久才这么干的,如果有更好的方法,希望能提出来。