使用Android实现圆角ListView效果
创始人
2024-11-17 20:01:31
0次

实现方式。

先看一下Android 中Shape的使用方法:

solid:实心,就是填充的意思

android:color指定填充的颜色

gradient:渐变

android:startColor和android:endColor分别为起始和结束颜色,ndroid:angle是渐变角度,必须为45的整数倍。
另外渐变默认的模式为android:type="linear",即线性渐变,可以指定渐变为径向渐变,android:type="radial",径向渐变需要指定半径android:gradientRadius="50"。

stroke:描边

android:width="2dp" 描边的宽度,android:color 描边的颜色。
我们还可以把描边弄成虚线的形式,设置方式为:
android:dashWidth="5dp"
android:dashGap="3dp"
其中android:dashWidth表示'-'这样一个横线的宽度,android:dashGap表示之间隔开的距离。

corners:圆角

android:radius为角的弧度,值越大角越圆。

当然,这里并不是说这种圆角的列表一段是ListView来实现的,可能是由多个LinearLayout/RelativeLayout叠起来的。这个就看你怎么取舍了;如果列表项固定不怎么变化可以采取后者来实现比较好,如果需要动态变化那么使用ListView来实现更优。

下面来定义一下ListView只有一项时的背景(上下两个角都是圆角) app_list_corner_round.xml

<?xml version="1.0" encoding="utf-8"?>

 
 
 
 
 
 
 

ListView第一项的背景(上面是圆角,下面是直角) app_list_corner_round_top.xml

<?xml version="1.0" encoding="utf-8"?>

 
 
 
 
 

ListView最后一项的背景(上面是直角,下面是圆角) app_list_corner_round_bottom.xml

<?xml version="1.0" encoding="utf-8"?>

 
 
 
 
 

ListView中间项的背景(上下都是直角) app_list_corner_round_center.xml

<?xml version="1.0" encoding="utf-8"?>

 
 
 

接下来先看看Adapter的实现

package com.example.roundcorner.adapter;
 
import java.util.List;
 
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;
 
import com.example.roundcorner.R;
import com.example.roundcorner.entity.ListBean;
 
public class ListAdapter extends BaseAdapter {
 private List mList;
 private Context mContext;
 
 public ListAdapter(Context mContext,List mList) {
 this.mList = mList;
 this.mContext = mContext.getApplicationContext();
 }
 
 @Override
 public int getCount() {
 return this.mList.size();
 }
 
 @Override
 public Object getItem(int position) {
 return this.mList.get(position);
 }
 
 @Override
 public long getItemId(int position) {
 return position;
 }
 
 @Override
 public int getItemViewType(int position) {
 // TODO Auto-generated method stub
 return super.getItemViewType(position);
 }
 
 @Override
 public int getViewTypeCount() {
 // TODO Auto-generated method stub
 return super.getViewTypeCount();
 }
 
 @Override
 public View getView(int position, View convertView, ViewGroup parent) {
 ViewHolder holder = null;
 if (convertView == null) {
 holder = new ViewHolder();
 convertView = LayoutInflater.from(this.mContext).inflate(
  R.layout.listview_item, null, false);
 holder.textView = (TextView) convertView
  .findViewById(R.id.listview_item_textview);
 holder.imageView = (ImageView) convertView
  .findViewById(R.id.listview_item_imageview);
 convertView.setTag(holder);
 } else {
 holder = (ViewHolder) convertView.getTag();
 }
 
 if(position==0){
 
 if(position == getCount()-1){ //只有一项
 convertView.setBackgroundResource(R.drawable.app_list_corner_round);
 }else{ //第一项
 convertView.setBackgroundResource(R.drawable.app_list_corner_round_top);
 }
 }else if(position == getCount()-1){
 convertView.setBackgroundResource(R.drawable.app_list_corner_round_bottom);
 }else{
 convertView.setBackgroundResource(R.drawable.app_list_corner_round_center);
 }
 
 ListBean lb = mList.get(position);
 holder.textView.setText(lb.getKey());
 
 return convertView;
 }
 
 static class ViewHolder {
 TextView textView;
 ImageView imageView;
 }
}

listview_item.xml

<?xml version="1.0" encoding="utf-8"?>

 
 
 
 
 

最后看看主界面Activity的实现

package com.example.roundcorner;
 
import java.util.ArrayList;
import java.util.List;
 
import android.app.Activity;
import android.os.Bundle;
import android.widget.ListView;
 
import com.example.roundcorner.adapter.ListAdapter;
import com.example.roundcorner.entity.ListBean;
 
public class MainActivity extends Activity {
 
 private List data;
 
 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);
 
 initData();
 
 findView();
 }
 
 private void findView() {
 ListView mListView = (ListView) findViewById(R.id.mListView);
 
 ListAdapter mAdapter = new ListAdapter(this,data);
 mListView.setAdapter(mAdapter);
 }
 
 private void initData() {
 data = new ArrayList();
 for (int i = 0; i < 5; i++) {
 ListBean lb = new ListBean();
 lb.setKey("设置 "+i);
 data.add(lb);
 }
 }
 
}

activity_main.xml


 
 
 
 
 
  
 
 

相关内容

热门资讯

空调连续工作多久需要停机休息 空调连续工作的时间取决于多个因素,包括空调的型号、功率、使用环境和维护情况等。一般来说,空调可以连续...
空调哪个符号是除湿的 空调除湿功能通常用一个水滴形状的符号表示。不同品牌和型号的空调遥控器可能会有所差异,但一般来说,除湿...
格力空调多长时间加一次氟利昂 1、一般情况下,空调对氟利昂的使用量是非常小的,所以在空调使用了四年左右的时候再考虑加也没问题。2、...
空调用多长时间需要加氟一次 一般情况下是五年。当出现以下这几种情况时,空调才需要加氟。1、空调的室内机和室外机各有两个接口,当接...
格调生活·C标思享荟:卡萨帝在... 9月12日的郑州龙湖金融岛,夜风轻拂,灯光璀璨。“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑...
品牌价值破千亿、高端份额持续领... 9月12日,“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑州站”在郑州龙湖金融岛举办。2026...
空调主板坏了修800还是换新的 空调主板坏了是修还是换新,需要考虑多个因素,以下是一些建议:1. 维修成本:如果维修费用较低,比如 ...
空调开多久需要休息多长时间 问题:空调开多久需要休息多长时间回答:1、在使用空调的过程中,一般空调开7~8个小时左右需要休息2~...
中央空调多长时间清洗一次 1、一般空调开机前清洗一次即可,空调开机中间时段再清洗一次,空调关机时清洗一次,这样比较合理。2、空...
中央空调氟利昂多久加一次 看空调制热和制冷程度,很多人的观点认为氟利昂必须一年放一次,其实这个观点是错误的,理解上面有点偏差,...