andorid学习笔记模仿淘宝分类

作者：勇淑丁 | 来源：互联网 | 2023-06-03 20:07

模仿了淘宝分类界面，如果有其他更好的实现方式，欢迎提出。首先看下效果图界面一些细节还没处理,大概样式已经出来了我的思路是2个listView来实现分类主界面布局activity_category

模仿了淘宝分类界面，如果有其他更好的实现方式，欢迎提出。

首先看下效果图

} else if (i <20) {
hashMap.put("type", "裤子");
hashMap.put("name", "秋裤");
hashMap.put("uri", "https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3680816424,1482585439&fm=116&gp=0.jpg");
} else if (i <36) {
hashMap.put("type", "上衣");
hashMap.put("name", "衬衫");
hashMap.put("uri", "https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1489409334,2165812600&fm=116&gp=0.jpg");
} else if (i <50) {
hashMap.put("type", "鞋子");
hashMap.put("name", "凉鞋");
hashMap.put("uri", "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2106036709,4164252681&fm=116&gp=0.jpg");
}
hashMaps.add(hashMap);
}

return hashMaps;
}

}

这里很多代码都是属于模拟后台数据，在init Views 里面我们初始化了 2个listview，在initValues 中首先获取假数据然后再初始化Adapter

这里注意 listImages 添加headView时一定要在设置adapter前面不然会抛出异常

下面看看 2个adapter中的代码

ImageAdapter.java

package com.example.cameratest.category;

import java.util.HashMap;
import java.util.List;

import com.example.cameratest.R;
import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.ImageLoaderConfiguration;

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.LinearLayout;
import android.widget.TextView;

/**  
 * @Package: com.example.cameratest.category  
 * @ClassName: ImageAdapter.java  
 * @Description:TODO 
 * @author: HYH
 * @date: 2015-8-26  
 *
 * Copyright @ 2015 51ZhiYe    
 */
public class ImageAdapter extends BaseAdapter{

private List data;

private Context mContext;

private LayoutInflater inflater;

private ImageLoader imageLoader;

private String preType;

public ImageAdapter(Context context, List data) {
this.mCOntext= context;
this.data = data;
this.inflater = LayoutInflater.from(context);

imageLoader = ImageLoader.getInstance();


}

@Override
public int getCount() {
// TODO Auto-generated method stub
return data.size();
}

@Override
public Object getItem(int position) {
// TODO Auto-generated method stub
return data.get(position);
}

@Override
public long getItemId(int position) {
// TODO Auto-generated method stub
return position;
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {
// TODO Auto-generated method stub
HolderView holderView = null;
ImageBean bean = data.get(position);
List> hashMaps = bean.getHashMaps();

if (cOnvertView== null) {
holderView = new HolderView();
cOnvertView= inflater.inflate(R.layout.item_image, null);
holderView.typeText = (TextView) convertView.findViewById(R.id.item_text);

holderView.layout1 = (LinearLayout) convertView.findViewById(R.id.item_layout1);
holderView.imageView1 = (ImageView) convertView.findViewById(R.id.item_layout1_image);
holderView.textView1 = (TextView) convertView.findViewById(R.id.item_layout1_text);

holderView.layout2 = (LinearLayout) convertView.findViewById(R.id.item_layout2);
holderView.imageView2 = (ImageView) convertView.findViewById(R.id.item_layout2_image);
holderView.textView2 = (TextView) convertView.findViewById(R.id.item_layout2_text);

holderView.layout3 = (LinearLayout) convertView.findViewById(R.id.item_layout3);
holderView.imageView3 = (ImageView) convertView.findViewById(R.id.item_layout3_image);
holderView.textView3 = (TextView) convertView.findViewById(R.id.item_layout3_text);

convertView.setTag(holderView);
} else {
holderView = (HolderView) convertView.getTag();
}

if (bean.isSplit()) {
holderView.typeText.setText(bean.getType());
holderView.typeText.setVisibility(View.VISIBLE);
} else {
holderView.typeText.setVisibility(View.GONE);
}

if (hashMaps.size() == 3) {
if (holderView.layout2.getVisibility() == View.INVISIBLE ||
holderView.layout3.getVisibility() == View.INVISIBLE){
holderView.layout2.setVisibility(View.VISIBLE);
holderView.layout3.setVisibility(View.VISIBLE);
} 
HashMap hashMap = null;
for (int i = 0; i <3; i++) {
hashMap = hashMaps.get(i);
switch (i) {
case 0:
imageLoader.displayImage(hashMap.get("uri"), holderView.imageView1, CateApplication.displayImageOptions);
holderView.textView1.setText(hashMap.get("name"));
break;
case 1:
imageLoader.displayImage(hashMap.get("uri"), holderView.imageView2, CateApplication.displayImageOptions);
holderView.textView2.setText(hashMap.get("name"));
break;
case 2:
imageLoader.displayImage(hashMap.get("uri"), holderView.imageView3, CateApplication.displayImageOptions);
holderView.textView3.setText(hashMap.get("name"));
break;
default:
break;
}
}
} else if (hashMaps.size() == 2) {
if (holderView.layout2.getVisibility() == View.INVISIBLE) {
holderView.layout2.setVisibility(View.VISIBLE);
}

if (holderView.layout3.getVisibility() != View.INVISIBLE) {
holderView.layout3.setVisibility(View.INVISIBLE);
}

HashMap hashMap = null;
for (int i = 0; i <2; i++) {
hashMap = hashMaps.get(i);
switch (i) {
case 0:
imageLoader.displayImage(hashMap.get("uri"), holderView.imageView1, CateApplication.displayImageOptions);
holderView.textView1.setText(hashMap.get("name"));
break;
case 1:
imageLoader.displayImage(hashMap.get("uri"), holderView.imageView2, CateApplication.displayImageOptions);
holderView.textView2.setText(hashMap.get("name"));
break;
}
}

} else {
holderView.layout2.setVisibility(View.INVISIBLE);
holderView.layout3.setVisibility(View.INVISIBLE);

imageLoader.displayImage(hashMaps.get(0).get("uri"), holderView.imageView1, CateApplication.displayImageOptions);
holderView.textView1.setText(hashMaps.get(0).get("name"));
}

return convertView;
}

class HolderView{
TextView typeText;
LinearLayout layout1;
ImageView imageView1;
TextView textView1;
LinearLayout layout2;
ImageView imageView2;
TextView textView2;
LinearLayout layout3;
ImageView imageView3;
TextView textView3;
}

}

上面是imageAdapter 注意是根据数据做界面的相应的处理

LabelAdapter.java

package com.example.cameratest.category;

import java.util.HashMap;
import java.util.List;

import com.example.cameratest.R;

import android.annotation.SuppressLint;
import android.content.Context;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.LinearLayout;
import android.widget.TextView;

/**  
 * @Package: com.example.cameratest.category  
 * @ClassName: LabelAdapter.java  
 * @Description:TODO 
 * @author: HYH
 * @date: 2015-8-26  
 *
 * Copyright @ 2015 51ZhiYe    
 */
public class LabelAdapter extends BaseAdapter{

private Context mContext;

private List> data;

private LayoutInflater inflater;

public LabelAdapter(Context context, List> data) {
this.mCOntext= context;
this.data = data;
this.inflater = LayoutInflater.from(context);
}

@Override
public int getCount() {
// TODO Auto-generated method stub
return data.size();
}

@Override
public Object getItem(int position) {
// TODO Auto-generated method stub
return data.get(position);
}

@Override
public long getItemId(int position) {
// TODO Auto-generated method stub
return position;
}

@SuppressLint("NewApi")
@Override
public View getView(int position, View convertView, ViewGroup parent) {
// TODO Auto-generated method stub
ViewHolder holder = null;
HashMap hashMap = data.get(position);
if (cOnvertView== null) {
holder = new ViewHolder();
cOnvertView= inflater.inflate(R.layout.item_label, null);
holder.label = (TextView) convertView.findViewById(R.id.item_label_label);
holder.labelLayout = (LinearLayout) convertView.findViewById(R.id.item_label_layout);
convertView.setTag(holder);
} else {
holder = (ViewHolder) convertView.getTag();
}

if (hashMap.get("isCheck").equals("true")) {
//holder.label.setBackgroundResource(R.drawable.category_label_selected);
holder.label.setTextColor(mContext.getResources().getColor(R.color.orange));
holder.labelLayout.setBackgroundResource(R.drawable.category_label_selected);
} else {
//holder.label.setBackgroundResource(R.drawable.category_label_unselected);
holder.label.setTextColor(mContext.getResources().getColor(android.R.color.black));
holder.labelLayout.setBackgroundResource(R.drawable.category_label_unselected);
}

holder.label.setText(hashMap.get("name"));

return convertView;
}

class ViewHolder{
LinearLayout labelLayout;
TextView label;
}

}

Ok到这里主要的逻辑已经出来了，如果有什么更好的建议欢迎提出一起学习

还有很多细节代码没有贴出来，如果有要看看其他的代码可以去下载代码

点击下载代码

推荐阅读

text
listview滚动后item高度总是不停变化

这个是listview的item布局，当在list中滚动时，每个item的高度会随机变化，导致显示混乱，多滚动几次高度又显示正常了，怎么回事呢？<?xmlversion1.0 ... [详细]

蜡笔小新 2023-09-10 17:13:10
version
android ListView 示例3 使用 ListActivity 创建 ListView

如果程序的窗口仅仅需要显示一个列表，则可以直接让Activity集成ListActivity来实现，ListActivity的子类无须调用setContentView方法来显示某个 ... [详细]

蜡笔小新 2023-09-24 11:12:13
text
添加layout_weight后，ListView仍未对齐 - ListView is not aligned even after added layout_weight

Hereistheoutputofmycode.IcannotgetallviewsalignedineachListViewitem.Ialreadyused ... [详细]

蜡笔小新 2023-09-18 18:57:38
version
Android基础入门教程——2.4.12 ExpandableListView(可折叠列表)的基本使用

Android基础入门教程——2.4.12ExpandableListView(可折叠列表)的基本使用标签（空格分隔）：Android基础入门教程本节引言：本节要讲解的Adap ... [详细]

蜡笔小新 2023-09-18 12:56:44
version
【Android开发】 ListView使用实战详解，你get到了嘛？

【Android开发】ListView使用实战详解，你get到了嘛？-目录一、什么是ListView？二、ListView的简单用法三、ListView点击响应事件hel ... [详细]

蜡笔小新 2023-09-13 13:08:01
request
listview传值到另外Activity

现在做了一个ListView，里面的值是用cursor提取数据库的，现在想点击listview以后页面进行跳转，并且在新的activity里显示被点击的listview的数据，我的listview有很 ... [详细]

蜡笔小新 2023-09-10 17:00:04
request
在WPF中，仅显示空白字段

在WPF中，我有一个绑定到字典（ListView）的InpLangList和一个具有boolean（Ch ... [详细]

蜡笔小新 2023-09-09 19:42:48
text
安卓——蓝牙listView搜索以及点击事件

一；点击事件。1；打开关闭蓝牙；2；扫描附近蓝牙的点击事件。二；关于蓝牙设备listView展示1；listView适配器2；通过layout找到实例化ListView对 ... [详细]

蜡笔小新 2023-09-08 23:18:01
case
ListView 分段加载数据

[java]viewplaincopyprint?ListViewlistViewgetListView(); ... [详细]

蜡笔小新 2023-09-05 14:55:40
text
Android图文混排，且有ListView，内容已经占满一屏，怎么实现上下滑动

我做的那个页面是Android的图文混排，效果如下：我把ScrollView将最外层的LinearLayout包裹之后页面就运行不出来了，而且ListView的数据只能显示一行。。。。查 ... [详细]

蜡笔小新 2023-09-05 12:09:51
text
Android-自定义类似excel表格，双向滑动的ListView

效果图：主要代码：***Createdbymontyon2017831.*publicclassPanelListLayoutextendsFrameLayout{ ... [详细]

蜡笔小新 2023-09-04 20:36:50
text
利用ListView实现新闻客户端的新闻内容图文混排

如图：布局文件：<LinearLayoutxmlns:android"<ahref"http:schemas.android.comapkresand ... [详细]

蜡笔小新 2023-09-04 08:22:49
text
scrollview与gridview及listview嵌套冲突问题

与grivdviewde的冲突问题解决方法：用自定义gridview,重写gridview的高度即可解决:之后在XML里使用自定义控件即可：listview与scrollview嵌套也会使得list ... [详细]

蜡笔小新 2023-09-03 05:18:55
text
具有顺序标题的ListView

具有顺序标题的ListView ... [详细]

蜡笔小新 2023-09-18 13:10:50
text
基于xUtils3的在listview中加载长图

因项目中使用的工具是xUtils3，在listview中加载长图的时候，用的xUtils3的方法API方法：原理是：得到图片的宽高，然后根据宽高比，计算比例，如果认为是长图，就转成bitma ... [详细]

蜡笔小新 2023-09-03 09:10:37

勇淑丁

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章