ListView实例——QQ好友列表

QQ好友列表

内容相当丰富,你品,你细品!!
预期效果:


预期效果图

relaction

应为要加图片视图和文本框,并且还有一个简单的布局,所以原来的listview已然是不能满足了,so自定义一个继承于listview的控件
自定义listview控件:

public class PXDListView extends ListView {
    public PXDListView(Context context) {
        super(context);
        initData();
    }

    public PXDListView(Context context, AttributeSet attrs) {
        super(context, attrs);
        initData();
    }

    private void initData(){
        //设置适配器
        setAdapter(new MyAdapter());
    }

    private class MyAdapter extends BaseAdapter {
        @Override
        public int getCount() {
            return DataManager.sharedManager
                    .getDataSource()
                    .size();
        }

        @Override
        public Object getItem(int position) {
            return DataManager.sharedManager
                    .getDataSource()
                    .get(position);
        }

        @Override
        public long getItemId(int position) {
            return position;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            //创建模型
            FriendModel model=DataManager.sharedManager.getDataSource().get(position);
            //创建对象
            FritendItem item=new FritendItem(getContext(),model);
            return item.rootView;
        }
    }
    

创建layout布局每一行放入具体样式



    

    

//创建圆形图片
public class CirieImagaView extends AppCompatImageView {

    public CirieImagaView(Context context) {
        super(context);
    }

    public CirieImagaView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    public void draw(Canvas canvas) {
        //1.创建需要裁剪的路径
        Path path=new Path();
        path.addCircle(getPivotX(),getPivotY(),getWidth()/2, Path.Direction.CCW);
        //2.裁剪
        canvas.clipPath(path);
        super.draw(canvas);
    }
}
样式布局

可以看到mainActivity没有任何类容,是应为使用了封装,打包一类的函数,不仅使代码简洁,还降低了耦合性

public class MainActivity extends AppCompatActivity {


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}

管理数据:

/**
 * 管理数据:
 * 存储解析后的数据
 * 加载数据
 * 保存数据
 * 更改数据
 *
 * 单力设计模式
 * 1.禁用构造方法
 * 2.定义单例对象 static final
 */
public class DataManager {
    //保存所有数据
    private ArrayList dataSource;

    //单例对象
    public static final DataManager sharedManager=new DataManager();
    //禁用构造方法
    private DataManager(){
        loadData();
    }

    //加载数据
    private void loadData(){
        //用自己创建假数据的方式 记载所有数据
        dataSource=DataUtils.loadCustomData();
    }
    public ArrayList getDataSource() {
        return dataSource;
    }
}

数据处理工具:

/**
 *类(静态)方法:如果只关心这个方法本身,如工具类里面的方法
 * 对象方法:如果有数据需要对象存储
 */
public class DataUtils {
    //自己构造数据
    public static ArrayList loadCustomData(){
        ArrayList friendModels=new ArrayList<>();
        for (int i=0;i<30;i++){
            //
            FriendModel model=new FriendModel(R.drawable.icon,"android");
            //保存
            friendModels.add(model);
        }
        return friendModels;
    }

    //本地加载(文件)
    Object loadFromFile(){
        return null;
    }

    //数据库加载
    Object loadFromSQL(){
        return null;
    }

    //网络加载
    Object loadFromServer(){
        return null;
    }
}

好友处理:

public class FriendModel {
    public int iconID;//头像资源id
    public String name;//姓名

    public FriendModel(int iconID, String name) {
        this.iconID = iconID;
        this.name = name;
    }
}
public class FritendItem {
    //Item模型
    private FriendModel model;
    //Item视图
    public View rootView;
    private Context context;

    //构造方法,创建的同时需要传递这个Item对应的数据模型
    public FritendItem(Context context,FriendModel model){
        this.model=model;
        this.context=context;
        initView();
    }
    private void initView(){
        //获取对应的容器视图
        ViewGroup v = (ViewGroup) View.inflate(
                context,
                R.layout.layout_qq,
                null);
        //将数据显示到这个容器对应的空间上
        //获取子视图
        ImageView icon=v.findViewWithTag(context.getResources().getString(R.string.iconTag));
        TextView name=v.findViewWithTag(context.getResources().getString(R.string.nameTag));

        //显示数据
        icon.setImageResource(model.iconID);
        name.setText(model.name);

        rootView=v;
    }
}

结果展示(和预期有差距)

显示界面

你可能感兴趣的:(ListView实例——QQ好友列表)