开源电商app常用标签"hot"之第三方开源LabelView

先给大家展示下效果图,看看是不是在你的意料之中哈。

LabelView是在github上一个开源的标签库。其项目主页是:https://github.com/linger1216//labelview
LabelView为一个TextView,ImageView或者为ListView中适配器getView返回的View,增加一个左上角或者右上角的标签

这种需求设计在商城类APP、电商类APP中比较常用,这些APP展示的商品,通常会增加一些促销或者该类商品的特征。
LabelView集成自Android TextView,可以像使用Android TextView一样使用LabelView,LabelView使用简单,如代码所示:

布局代码:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:tools="http://schemas.android.com/tools"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:orientation="vertical"
   tools:context="com.zzw.textlabelview.MainActivity" >
   <TextView
     android:id="@+id/textView"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:layout_weight=""
     android:background="#CAF"
     android:gravity="center"
     android:text="textView"
     android:textSize="sp" />
   <TextView
     android:id="@+id/textView"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:layout_weight=""
     android:background="#FADA"
     android:gravity="center"
     android:text="textView"
     android:textSize="sp" />
   <ImageView
     android:id="@+id/imageView"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:layout_weight=""
     android:src="@drawable/ic_launcher" />
   <ImageView
     android:id="@+id/imageView"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:layout_weight=""
     android:background="#BDDB"
     android:src="@drawable/ic_launcher" />
  <View
     android:id="@+id/view"
     android:layout_width="match_parent"
     android:layout_height="dip"
     android:background="#eee" >
   </View>
 </LinearLayout> 

JAVA代码:

 package com.zzw.textlabelview;
 import com.lid.lib.LabelView;
 import com.lid.lib.LabelView.Gravity;
 import android.app.Activity;
 import android.graphics.Color;
 import android.os.Bundle;
 import android.view.View;
 import android.view.View.OnClickListener;
 import android.widget.Toast;
 public class MainActivity extends Activity {
   @Override
   protected void onCreate(Bundle savedInstanceState) {
     super.onCreate(savedInstanceState);
     setContentView(R.layout.activity_main);
     //为TextView左上角添加一个标签
     LabelView label = new LabelView(this);
     label.setText("Hot");
     label.setBackgroundColor(xffaf);
     label.setTargetView(findViewById(R.id.textView), , Gravity.LEFT_TOP);
     //为TextView右上角添加一个标签,点击标签移除
     final LabelView label = new LabelView(this);
     label.setText("点击移除");
     label.setBackgroundColor(xffEE);
     label.setTargetView(findViewById(R.id.textView), ,
         Gravity.RIGHT_TOP);
     findViewById(R.id.textView).setOnClickListener(new OnClickListener() {
       @Override
       public void onClick(View v) {
         label.remove();
         Toast.makeText(getApplicationContext(), "标签移除成功", ).show();
       }
     });
     //为ImageView添加一个左上角标签,并且自定义标签字颜色
     LabelView label = new LabelView(this);
     label.setText("推荐");
     label.setTextColor(Color.RED);
     label.setBackgroundColor(xffaf);
     label.setTargetView(findViewById(R.id.imageView), ,
         Gravity.LEFT_TOP);
     //为IamgeView添加一个右上角标签
     LabelView label = new LabelView(this);
     label.setText("推荐");
     label.setBackgroundColor(xffEE);
     label.setTargetView(findViewById(R.id.imageView), ,
         Gravity.RIGHT_TOP);
     //为一个View添加一个左上角标签(ListView用)
     LabelView label = new LabelView(this);
     label.setText("view");
     label.setTextColor(Color.BLUE);
     label.setBackgroundColor(xffEE);
     label.setTargetView(findViewById(R.id.view), , Gravity.LEFT_TOP);
   }
 }

以上内容是本文给大家分享的开源电商app常用标签"hot"之第三方开源LabelView,希望大家喜欢。

(0)

相关推荐

  • javascript电商网站抢购倒计时效果实现

    本文实例讲述了javascript电商网站抢购倒计时效果实现代码.分享给大家供大家参考.具体如下: 运行效果截图如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>团购--限时抢</title> </head> &

  • 开源电商app常用标签"hot"之第三方开源LabelView

    先给大家展示下效果图,看看是不是在你的意料之中哈. LabelView是在github上一个开源的标签库.其项目主页是:https://github.com/linger1216//labelview LabelView为一个TextView,ImageView或者为ListView中适配器getView返回的View,增加一个左上角或者右上角的标签 这种需求设计在商城类APP.电商类APP中比较常用,这些APP展示的商品,通常会增加一些促销或者该类商品的特征. LabelView集成自Andr

  • 开源电商app常用标签"hot"之第三方开源LabelView

    先给大家展示下效果图,看看是不是在你的意料之中哈. LabelView是在github上一个开源的标签库.其项目主页是:https://github.com/linger1216//labelview LabelView为一个TextView,ImageView或者为ListView中适配器getView返回的View,增加一个左上角或者右上角的标签 这种需求设计在商城类APP.电商类APP中比较常用,这些APP展示的商品,通常会增加一些促销或者该类商品的特征. LabelView集成自Andr

  • Android自定义View之组合控件实现类似电商app顶部栏

    本文实例为大家分享了Android自定义View之组合控件,仿电商app顶部栏的相关代码,供大家参考,具体内容如下 效果图: 分析:左右两边可以是TextView和Button,设置drawableTop即可,中间的看着像是EditText,但是用过淘宝天猫等类似app的话会发现点击搜索不是在当前Activit进行搜索的,是跳转到另外的页面进行的,所以用TextView然后设置背景即可. 实现流程 参数列表: 设置属性文件:values下建立attrs.xml文件,添加需要自定义的属性. <?x

  • 安卓(android)仿电商app商品详情页按钮浮动效果

    1.效果图如下: 这效果用户体验还是很酷炫,今天我们就来讲解如何实现这个效果. 2.分析 为了方便理解,作图分析 如图所示,整个页面分为四个部分: 1.悬浮内容,floatView 2.顶部内容,headView 3.中间内容,与悬浮内容相同,middleView 4.商品详情展示页面,detailView 因为页面内容高度会超出屏幕,所以用Scrollview实现滚动,悬浮view与scrollview同级,都在一个帧布局或者相对布局中. 当y方向的滚动距离小于中间的内容middleView到

  • iOS开发仿电商类APP首页实例

    现在淘宝,京东应用很广泛,今天就效仿做一个类似电商APP首页的实例. 一.Gif效果图: 二.UI布局: 看下图的层级关系,除去最下方的TabBar,首页其余部分全是用UICollectionView实现:其分两大部分,实现三种功能.上方是父UICollectionView的headerView,在此headerView中添加了两个UICollectionView,分别实现图片无限轮播器和一个横向滑动的功能菜单按钮.然后下面就是父UICollectionView的cell,上下滑动展示商品内容.

  • 微信小程序电商常用倒计时实现实例

    微信小程序电商常用倒计时实现实例 wxml文件放个text <text>second: {{second}} micro second:{{micro_second}}</text> 在js文件中调用 function countdown(that) { var second = that.data.second if (second == 0) { // console.log("Time Out..."); that.setData({ second: &q

  • 一步步打造简单的MVC电商网站BooksStore(1)

    一步步打造一个简单的 MVC 电商网站 - BooksStore(一) 本系列的 GitHub地址:https://github.com/liqingwen2015/Wen.BooksStore <一步步打造一个简单的 MVC 电商网站 - BooksStore(一)> <一步步打造一个简单的 MVC 电商网站 - BooksStore(二)> <一步步打造一个简单的 MVC 电商网站 - BooksStore(三)> <一步步打造一个简单的 MVC 电商网站 -

  • 基于vue3.0.1beta搭建仿京东的电商H5项目

    前言 就在前段时间,vue官方发布了3.0.0-beta.1 版本,趁着五一假期有时间,就把之前的一个电商商城的项目,用最新的Composition API拿来改造一下! GitHub地址请访问:https://github.com/GitHubGanKai/vue3-jd-h5 项目介绍 vue-jd-h5是一个电商H5页面前端项目,基于Vue 3.0.0-beta.1 + Vant 实现,主要包括首页.分类页面.我的页面.购物车等. 本地线下代码vue2.6在分支demo中,使用mockjs

  • 基于SpringBoot构建电商秒杀项目代码实例

    一.项目功能概述 电商秒杀需要完成的3个功能: 1.展示一个商品列表页面,我们可以从中看到可秒杀的商品列表 2.点击进入商品详情页,获取该商品的详细信息 3.秒杀时间开始后,点击进入下单确认页面,并支付成功 二.基于SpringBoot进行项目环境搭建 步骤1:创建一个maven工程,使用quickStart骨架. 步骤2:在pom.xml导入SpringBoot相关依赖. <?xml version="1.0" encoding="UTF-8"?> &

  • Vue实现商品飞入购物车效果(电商项目)

    各位掘友,好久不见,最近利用工作之余开源了Vue电商项目,高仿某知名O2O买菜平台,整个项目做下来收获还是蛮多的,可以扫描下方二维码体验,本篇是项目的核心知识拆解篇,主要是拆解增加商品飞入购物车的实现过程. 点我体验 项目开源地址 感谢点星+收藏 首先我先简单的介绍下本项目所用到的技术栈: 整个项目采用 vue-cli3 脚手架搭建, Vue全家桶(vue.vuex.vue-router) . Vant UI框架 以及很多著名好用的第三方库如: axios . fastclick . bette

随机推荐