【蘑菇街安卓版代码研究】漂亮的tabhost分类

最新推荐文章于 2019-06-11 16:16:24 发布
最新推荐文章于 2019-06-11 16:16:24 发布
阅读量2.8k 收藏
点赞数
分类专栏： android系列 文章标签： 蘑菇街安卓版代码研究 仿蘑菇街分类 仿蘑菇街
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/heimabb/article/details/8937173
版权

先上图

                                              

sidebar_category.xml

<?xml version="1.0" encoding="utf-8"?><com.mogujie.view.MGCategoryView android:id="@+id/sidebar_category" android:layout_width="fill_parent" android:layout_height="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android"> <LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="fill_parent"> <TabWidget android:id="@android:id/tabs" android:layout_width="100.0dip" android:layout_height="fill_parent" /> <FrameLayout android:id="@android:id/tabcontent" android:layout_width="fill_parent" android:layout_height="fill_parent" /> </LinearLayout></com.mogujie.view.MGCategoryView>

MGCategoryView.java

 
/**
 * 
 * @author YangJz
 *
 */
public class MGCategoryView extends TabHost{

	public MGCategoryView(Context context) {
		this(context, null);
	}

	public MGCategoryView(Context paramContext, AttributeSet paramAttributeSet) {
	    super(paramContext, paramAttributeSet);
	    
	    
	    
	}
	  public void setup()
	  {
	    super.setup();
	    getTabWidget().setOrientation(LinearLayout.VERTICAL);//设置布局方式为垂直布局
	  }	
}


MainActivity.java

package com.mogujie.view;


import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import android.app.Activity;
import android.graphics.Color;
import android.graphics.drawable.ColorDrawable;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.FrameLayout;
import android.widget.GridView;
import android.widget.LinearLayout;
import android.widget.ListAdapter;
import android.widget.TabHost;
import android.widget.TextView;

import com.mogujie.adapter.MGCategoryGridAdapter;
import com.mogujie.test.R;

public class MainActivity extends Activity {
	private SidebarView mSlidView;
	private FrameLayout mContentView;
	 public MGCategoryView mCatagoryView;
	 private List<MGCategoryItemData> datas = new ArrayList<MGCategoryItemData>();
	 
	 private Map<String, MGCategoryGridAdapter> mMapAdapter = new HashMap<String, MGCategoryGridAdapter>();
	 
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
//        this.mSlidView = new SidebarView(this);
        setContentView(R.layout.sidebar_category);
//        LayoutInflater localLayoutInflater = LayoutInflater.from(this);
//        this.mContentView = this.mSlidView.getContent();
//        localLayoutInflater.inflate(2130903085, this.mContentView, true);
        this.mCatagoryView = ((MGCategoryView)this.findViewById(R.id.sidebar_category));
	    this.mCatagoryView.setup();
	    this.mCatagoryView.setOnTabChangedListener(new TabHost.OnTabChangeListener()
	    {
	      public void onTabChanged(String paramAnonymousString)
	      {
	        ((GridView)mCatagoryView.getCurrentView()).setAdapter((ListAdapter)mMapAdapter.get(paramAnonymousString));

	      }
	    });
	    
        MGCategoryItemData mCategoryData =new MGCategoryItemData();
	    mCategoryData.setTitle("JAVA");
	    mCategoryData.setStyle("shopping");
	    
	    List<MGDetailCategoryData> mListData1 = new ArrayList<MGDetailCategoryData>();
	    MGDetailCategoryData mm1 = new MGDetailCategoryData();
	    mm1.setTitle("高跟1");
	    mm1.setImageUrl(R.drawable.category1_50x50);
	    mListData1.add(mm1);
	    
	    MGDetailCategoryData mm2 = new MGDetailCategoryData();
	    mm2.setTitle("高跟2");
	    mm2.setImageUrl(R.drawable.category5_50x50);
	    mListData1.add(mm2);
	    MGDetailCategoryData mm3= new MGDetailCategoryData();
	    mm3.setTitle("高跟3");
	    mm3.setImageUrl(R.drawable.category2_50x50);
	    mListData1.add(mm3);
	    mm1 = new MGDetailCategoryData();
	    mm1.setTitle("高跟4");
	    mm1.setImageUrl(R.drawable.category3_50x50);
	    mListData1.add(mm1);
	    mm1 = new MGDetailCategoryData();
	    mm1.setTitle("高跟5");
	    mm1.setImageUrl(R.drawable.category4_50x50);
	    mListData1.add(mm1);
	    mCategoryData.setDetails(mListData1);
	    
	    datas.add(mCategoryData);
	    List<MGDetailCategoryData> mListData3 = new ArrayList<MGDetailCategoryData>();
	    mCategoryData =new MGCategoryItemData();
	    mCategoryData.setTitle("C++");
	    mCategoryData.setStyle("clothing");
	    mm1 = new MGDetailCategoryData();
	    mm1.setTitle("高跟6");
	    mm1.setImageUrl(R.drawable.category4_50x50);
	    mListData3.add(mm1);
	    mCategoryData.setDetails(mListData3);
	    
	    datas.add(mCategoryData);
	    mCategoryData =new MGCategoryItemData();
	    mCategoryData.setTitle("ASP");
	    mCategoryData.setStyle("shoes");
	    datas.add(mCategoryData);
	    mCategoryData =new MGCategoryItemData();
	    mCategoryData.setTitle(".NET");
	    mCategoryData.setStyle("bags");
	    datas.add(mCategoryData);
	    mCategoryData =new MGCategoryItemData();
	    mCategoryData.setTitle("Object");
	    mCategoryData.setStyle("accessories");
	    datas.add(mCategoryData);
	    mCategoryData =new MGCategoryItemData();
	    mCategoryData.setTitle("SHELL");
	    mCategoryData.setStyle("home");
	    datas.add(mCategoryData);
	    mCategoryData =new MGCategoryItemData();
	    mCategoryData.setTitle("SQL");
	    mCategoryData.setStyle("beauties");
	    datas.add(mCategoryData);
	    int i = 512;
	    for( MGCategoryItemData item : datas){
	    	initColor(item);
	        String str = item.getType();
	        i++;
	        initTab(str, item, i);
	    }
	  }
	  private void initTab(String paramString, MGCategoryItemData paramMGCategoryItemData, int paramInt)
	  {
		  Log.v("tddd", paramString);
	    TabHost.TabSpec localTabSpec =  mCatagoryView.newTabSpec(paramString);
	    TextView localTextView = new TextView(this);
	    localTextView.setText(paramMGCategoryItemData.getTitle());
	    localTextView.setTextColor(paramMGCategoryItemData.mFontColor);
	    localTextView.setBackgroundColor(paramMGCategoryItemData.mBackgroundColor);
	    localTextView.setGravity(ViewGroup.FOCUS_LEFT);
	    FrameLayout localFrameLayout = new FrameLayout(this);
	    localFrameLayout.setLayoutParams(new LinearLayout.LayoutParams(-1, -1, 1.0F));
	    View localView = new View(this);
	    localView.setId(16);
	    localView.setBackgroundResource(R.drawable.category_tab_bg);
	    localFrameLayout.addView(localTextView);
	    localFrameLayout.addView(localView);
	    localTabSpec.setIndicator(localFrameLayout);
	    
	    MGCategoryGridAdapter localMGCategoryGridAdapter = new MGCategoryGridAdapter(this, paramMGCategoryItemData.getDetails(), paramMGCategoryItemData.mFontColor);
	    
	    final GridView localGridView = new GridView(this);
	    localGridView.setSelector(new ColorDrawable(0));
	    localGridView.setOnItemClickListener(new AdapterView.OnItemClickListener()
	    {
	      public void onItemClick(AdapterView<?> paramAnonymousAdapterView, View paramAnonymousView, int paramAnonymousInt, long paramAnonymousLong)
	      {
//	        MGDetailCategoryData localMGDetailCategoryData = (MGDetailCategoryData)localGridView.getAdapter().getItem(paramAnonymousInt);
//	        if (((Activity)MGCategoryView.this.getContext() instanceof MGIndexAct));
//	        for (String str1 = "首页右侧栏:"; ; str1 = "图墙右侧栏:")
//	        {
//	          String str2 = str1 + localMGDetailCategoryData.getTitle();
//	          MGCounter.instance(MGCategoryView.this.getContext()).addEvent("hh", str2);
//	          MGUri2Act.instance().toAct(MGCategoryView.this.getContext(), localMGDetailCategoryData.getLink());
//	          return;
//	        }
	      }
	    });
	    localGridView.setPadding(0, MGScreenTools.instance(this).dip2px(10), 0, 0);
	    localGridView.setBackgroundColor(paramMGCategoryItemData.mBackgroundColor);
	    localGridView.setNumColumns(3);
	    localGridView.setVerticalSpacing(MGScreenTools.instance(this).dip2px(10));
	    localGridView.setHorizontalSpacing(MGScreenTools.instance(this).dip2px(5));
	    localGridView.setId(paramInt);
	    Log.v("tddd", String.valueOf(localGridView.getId()));
	    mCatagoryView.getTabContentView().addView(localGridView);
	    this.mMapAdapter.put(paramString, localMGCategoryGridAdapter);
	    localTabSpec.setContent(localGridView.getId());
	    mCatagoryView.addTab(localTabSpec);
	  }
	private void initColor(MGCategoryItemData paramMGCategoryItemData)
	  {
	    String str = paramMGCategoryItemData.getType();
	    if ("shopping".equals(str))
	    {
	      paramMGCategoryItemData.mBackgroundColor = Color.parseColor("#ffdfd9");
	      paramMGCategoryItemData.mFontColor = Color.parseColor("#e65e5e");
	    }
	    else{
	      if ("clothing".equals(str))
	      {
	        paramMGCategoryItemData.mBackgroundColor = Color.parseColor("#ffecd9");
	        paramMGCategoryItemData.mFontColor = Color.parseColor("#e67a45");
	      }
	      else if ("shoes".equals(str))
	      {
	        paramMGCategoryItemData.mBackgroundColor = Color.parseColor("#fff9d9");
	        paramMGCategoryItemData.mFontColor = Color.parseColor("#dca445");
	      }
	      else if ("bags".equals(str))
	      {
	        paramMGCategoryItemData.mBackgroundColor = Color.parseColor("#ecffd9");
	        paramMGCategoryItemData.mFontColor = Color.parseColor("#88b52b");
	      }
	      else if ("accessories".equals(str))
	      {
	        paramMGCategoryItemData.mBackgroundColor = Color.parseColor("#d9ffec");
	        paramMGCategoryItemData.mFontColor = Color.parseColor("#46b769");
	      }
	      else if ("home".equals(str))
	      {
	        paramMGCategoryItemData.mBackgroundColor = Color.parseColor("#d9f2ff");
	        paramMGCategoryItemData.mFontColor = Color.parseColor("#40ade5");
	      }
	      else if ("beauties".equals(str))
	      {
	        paramMGCategoryItemData.mBackgroundColor = Color.parseColor("#d9dfff");
	        paramMGCategoryItemData.mFontColor = Color.parseColor("#5266cc");
	      }
	    }
	    Log.v("tddd", "color"+paramMGCategoryItemData.mBackgroundColor);
	  }
}

MGCategoryGridAdapter.java 

package com.mogujie.adapter;

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 java.util.ArrayList;
import java.util.List;

import com.mogujie.test.R;
import com.mogujie.view.MGDetailCategoryData;

public class MGCategoryGridAdapter extends BaseAdapter
{
  private Context mCtx;
  public List<MGDetailCategoryData> mListData = new ArrayList<MGDetailCategoryData>();
  private int mTitleColor;

  public MGCategoryGridAdapter(Context paramContext, List<MGDetailCategoryData> paramList, int paramInt)
  {
    this.mListData = paramList;
    this.mTitleColor = paramInt;
    this.mCtx = paramContext;
  }

  public int getCount()
  {
    return this.mListData.size();
  }

  public Object getItem(int paramInt)
  {
    return this.mListData.get(paramInt);
  }

  public long getItemId(int paramInt)
  {
    return paramInt;
  }

  public View getView(int paramInt, View paramView, ViewGroup paramViewGroup)
  {
    HandleView localHandleView;
    if (paramView == null)
    {
      paramView = LayoutInflater.from(this.mCtx).inflate(R.layout.category_item, null);
      localHandleView = new HandleView();
      localHandleView.mIconIv = ((ImageView)paramView.findViewById(R.id.category_icon));
      localHandleView.mTitleTv = ((TextView)paramView.findViewById(R.id.category_title));
      paramView.setTag(localHandleView);
      
      MGDetailCategoryData localMGDetailCategoryData = (MGDetailCategoryData)this.mListData.get(paramInt);
      localHandleView.mIconIv.setBackgroundResource(localMGDetailCategoryData.getImageUrl());
      localHandleView.mTitleTv.setText(localMGDetailCategoryData.getTitle());
      localHandleView.mTitleTv.setTextColor(this.mTitleColor);
    }
    else
    {
      localHandleView = (HandleView)paramView.getTag();
     
    }
    return paramView;
  }

  private static class HandleView
  {
    public ImageView mIconIv;
    public TextView mTitleTv;
  }
}

由于图片有点大，请需要的同学自行破解蘑菇街的apk



heimabb
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
android控件之tab,tabhost用法实例源码
09-03
学习tab，tabhost的朋友们，这是一个挺漂亮的tab，tabhost的源码实例，可以下载下来装在自己的eclipse上学习哦。
fragment tabhost 精美底部导航栏源代码
06-20
实现了一个精美的底部导航栏，使用fragment替代了过时的activitygroup和tabactivity。里面有详细的注释，解释了每一步为什么要这么操作。相信每一个coder都能看明白。
实现美观的TabHost
luckyrass的专栏
08-05 656
http://blog.csdn.net/west8623/article/details/7453814 有一个关于关于异常“The specified child already has a parent. You must call removeView"的解决。 个人遇到的问题是： protected void onCreate(Bundle savedInsta
蘑菇街网页.zip
06-15
这是一款关于蘑菇街的网站，其中包括注册，登录。支付和我的订单等页面。
蘑菇街客户端界面源码
07-29
高仿android版本的蘑菇街的客户端界面的源码！！！
2015最新安卓例子自定义控件等分类源码免费下载
hotmail589
12-13 1万+
源码的下载地址时http://yunpan.cn/cjwwij3FcBtZV 访问密码3579 本列表源码永久免费下载地址http://www.javaapk.com/demo  卷 yunpan 的文件夹 PATH 列表 卷序列号为 0000-73EC E:. │  javaapk.com文件列表生成.bat │  例子大全说明.txt │  本例子永久更新地址~.url │
Android 上百实例源码分析以及开源分析
http://www.54tianzhisheng.cn/
04-11 1万+
首先 介绍几本书籍(下载包中)吧。 01_Android系统概述 02_Android系统的开发综述 03_Android的Linux内核与驱动程序 04_Android的底层库和程序 05_Android的JAVA虚拟机和JAVA环境 06_Android的GUI系统 07_Android的Audio系统 08_Android的Video 输入输出系统 09_Android的多
android安卓源码海量项目合集打包-1
热门推荐
chenhao0568的专栏
06-11 13万+
下载地址 最后更新共计113个分类5177套源码29.2 GB。 卷 新加卷 的文件夹 PATH 列表 卷序列号为 00000200 5E7A:7F30 F:. ├─前台界面 │ ├─3D标签云卡片热门 │ │ Android TagCloudView云标签的灵活运用.rar │ │ Android 实现 标签 拖动 改变位置.rar │ │ android 流式布局和热门标签.zip │ │ ...
仿蘑菇街安卓应用
08-20
【标题】"仿蘑菇街安卓应用"涉及到的知识点主要集中在Android平台的应用开发上，特别是针对蘑菇街这款知名电商应用的用户界面（UI）设计和功能实现。开发者试图模仿蘑菇街的界面风格和交互方式，为用户提供类似购物...
蘑菇街 源码
03-17
蘑菇街 源码。
仿蘑菇街界面源码
08-16
初学者可以下载下来看看，更好地学习ui界面的设计
蘑菇街teamtalk全部源码
11-12
蘑菇街先前在Github上开源的代码，由于侵权网易popo而被关闭，但开源的精神是很好的。 开源的东西为啥还要积分。
蘑菇街项目
04-02
蘑菇街的分布情况，还有背景图之类的怎么铺放，拿去看看吧，有用的初学者
高仿蘑菇街 主界面，fragment实现首页tab切换
11-11
高仿蘑菇街 主界面，fragment实现首页tab切换 [注：本内容来自网络，在此分享仅为帮助有需要的网友，如果侵犯了您的权利，麻烦联系我，我会第一时间删除，谢谢您。]
安卓UI设计 仿蘑菇街UI 源代码 eclipase直接导入运行
04-10
本资源提供了“安卓UI设计 仿蘑菇街UI 源代码”，使得开发者可以直接在Eclipse集成开发环境中导入并运行，快速学习和理解蘑菇街UI的设计理念和实现方式。 源代码是软件开发的核心，它包含了程序的所有逻辑和功能...
蘑菇街多平台聊天工具TeamTalk
03-16
本项目是蘑菇街技术团队几位工程师利用业余时间开发的一套多平台企业办公即时通信软件项目，一直被蘑菇街用于公司内部沟通使用。今年9月26日在GitHub上开源出来了，一同开源的还有php和win的服务端源码，客户端有Mac...
粉色的时尚购物蘑菇街商城模板html代码.rar
最新发布
04-21
对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。【沟通交流】：有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。鼓励下载和使用，并欢迎大家互相学习，共同进步...
安卓Android源码——蘑菇街界面设计源码.zip
10-14
在本资源中，我们主要关注的是安卓Android平台的源码，特别是针对蘑菇街应用的界面设计部分。这个压缩包包含了实现蘑菇街应用界面设计的源代码，以及相关的图片和文档，帮助开发者理解和学习如何构建类似蘑菇街这样...
蘑菇街营销系统演进：从臃肿到平台化
"这篇文档详细记录了蘑菇街的营销业务系统从早期架构到服务化、融合、再到平台化的演变过程，以及在各个阶段所面临的挑战和取得的成果。作者是美丽联合集团电商技术-营销团队的技术专家，分享了系统的拆分、服务化、...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值