电商、商城类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使用简单,如代码所示:

布局代码:

 1 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 2     xmlns:tools="http://schemas.android.com/tools"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent"
 5     android:orientation="vertical"
 6     tools:context="com.zzw.textlabelview.MainActivity" >
 7
 8     <TextView
 9         android:id="@+id/textView1"
10         android:layout_width="match_parent"
11         android:layout_height="wrap_content"
12         android:layout_weight="1"
13         android:background="#90CAF9"
14         android:gravity="center"
15         android:text="textView1"
16         android:textSize="30sp" />
17
18     <TextView
19         android:id="@+id/textView2"
20         android:layout_width="match_parent"
21         android:layout_height="wrap_content"
22         android:layout_weight="1"
23         android:background="#9FA8DA"
24         android:gravity="center"
25         android:text="textView2"
26         android:textSize="30sp" />
27
28     <ImageView
29         android:id="@+id/imageView1"
30         android:layout_width="match_parent"
31         android:layout_height="wrap_content"
32         android:layout_weight="1"
33         android:src="@drawable/ic_launcher" />
34
35     <ImageView
36         android:id="@+id/imageView2"
37         android:layout_width="match_parent"
38         android:layout_height="wrap_content"
39         android:layout_weight="1"
40         android:background="#B39DDB"
41         android:src="@drawable/ic_launcher" />
42
43   <View
44         android:id="@+id/view"
45         android:layout_width="match_parent"
46         android:layout_height="100dip"
47         android:background="#e0e0e0" >
48     </View>
49
50 </LinearLayout>

JAVA代码:

 1 package com.zzw.textlabelview;
 2
 3 import com.lid.lib.LabelView;
 4 import com.lid.lib.LabelView.Gravity;
 5
 6 import android.app.Activity;
 7 import android.graphics.Color;
 8 import android.os.Bundle;
 9 import android.view.View;
10 import android.view.View.OnClickListener;
11 import android.widget.Toast;
12
13 public class MainActivity extends Activity {
14
15     @Override
16     protected void onCreate(Bundle savedInstanceState) {
17         super.onCreate(savedInstanceState);
18         setContentView(R.layout.activity_main);
19
20         //为TextView1左上角添加一个标签
21         LabelView label1 = new LabelView(this);
22         label1.setText("Hot");
23         label1.setBackgroundColor(0xff03a9f4);
24         label1.setTargetView(findViewById(R.id.textView1), 4, Gravity.LEFT_TOP);
25
26         //为TextView2右上角添加一个标签,点击标签移除
27         final LabelView label2 = new LabelView(this);
28         label2.setText("点击移除");
29         label2.setBackgroundColor(0xffE91E63);
30         label2.setTargetView(findViewById(R.id.textView2), 20,
31                 Gravity.RIGHT_TOP);
32         findViewById(R.id.textView2).setOnClickListener(new OnClickListener() {
33
34             @Override
35             public void onClick(View v) {
36                 label2.remove();
37                 Toast.makeText(getApplicationContext(), "标签移除成功", 0).show();
38             }
39         });
40
41         //为ImageView1添加一个左上角标签,并且自定义标签字颜色
42         LabelView label3 = new LabelView(this);
43         label3.setText("推荐");
44         label3.setTextColor(Color.RED);
45         label3.setBackgroundColor(0xff03a9f4);
46         label3.setTargetView(findViewById(R.id.imageView1), 10,
47                 Gravity.LEFT_TOP);
48
49         //为IamgeView2添加一个右上角标签
50         LabelView label4 = new LabelView(this);
51         label4.setText("推荐");
52         label4.setBackgroundColor(0xffE91E63);
53         label4.setTargetView(findViewById(R.id.imageView2), 10,
54                 Gravity.RIGHT_TOP);
55
56         //为一个View添加一个左上角标签(ListView用)
57         LabelView label5 = new LabelView(this);
58         label5.setText("view");
59         label5.setTextColor(Color.BLUE);
60         label5.setBackgroundColor(0xffE91E63);
61         label5.setTargetView(findViewById(R.id.view), 10, Gravity.LEFT_TOP);
62     }
63 }
时间: 2024-10-14 01:01:13

电商、商城类APP常用标签"hot"--第三方开源--LabelView的相关文章

电商购物直播app开发解决方案详解

最近有很多小伙伴咨询电商直播app开发,在传统的秀场直播竞争力逐渐下降的今天,"直播+"爆发出了无穷的"小宇宙".在众多"直播+"解决方案中,"直播+电商"是目前比较完善的解决方案,像阿里巴巴旗下的淘宝直播,以及京东内部的购物直播,都可以看作是"直播+电商"的典型代表.那么,电商直播app开发需要注意些什么呢?电商直播app开发毕竟属于一个垂直细分领域的应用开发,那么在开发之初就要确定是以电商购物为主,直播

传统电商如何通过APP应用成功转型?

互联网时代的快速发展,成就了一批互联网企业的神话.传统企业也受到了互联网的剧烈冲击.不少传统企业意识到只有与时俱进,搭上互联网的快车,才能更好生存发展.那么传统电商企业应该如何利用互联网实现企业的发展升级呢? 站在新时代的路口,传统电商企业如何才能不败?如何才能不被互联网企业替代?只有传统电商企业改变自己,学会认识先进时代的工具,以及先进时代的沟通方式,面对新时代顾客的消费方式,才能立于不败之地. 互联网企业的快速发展,不仅会对具有竞争性的传统企业有影响,还会对看似不相关的传统企业无形之中造成误

B2C电商系统开发app平台定制详解

B2C电商系统开发从标品到非标品体现的是用户从追求功能价值到追求情感价值的变迁.在电商1.0时代,为用户习惯培养阶段,图书和3C等标品更利于降低用户的信 任成本.B2C电商app开发,同时,用户对标品的消费更多追求的是商品的功能价值,随着用户网购习性的培育和消费文化的升级,B2C电商平台开发,用户对情感价值和文化价值的追求逐渐引爆了非标品 市场,如食品.美妆.生鲜.本地生活服务等; 从低价到高价体现的是用户追求价格导向追求价值消费的升级.用户消费能力的升级,品牌电商的崛起,线下服务的完善,共同推

电商直播系统app开发

线上直播导购系统,(陈琦:138-2848-7919 可微)导购直播系统,微商直播软件开发APP,产品商城直播卖货,电商直播导购开发APP,直播商城模式开发. 微商直播营销系统是一个以直播和小视频内容销售的全渠道营销工具,集小视频.直播电商.全渠道裂变分销.SCRM粉丝管理.深度数据分析为一体 帮助商家一分钟开设直播或小视频内容商店,一键跨平台并发将店铺同时开到微信.微博.QQ等社交媒体,全渠道裂变分销,精准运营粉丝社群,轻松激活消费者复购. 一.电商直播卖货系统统的优势 1.操作简便 微商城直

iOS开发之资讯类App常用分类控件的封装与实现(CollectionView+Swift3.0+)

今天博客中,我们就来实现一下一些常用资讯类App中常用的分类选择的控件的封装.本篇博客中没有使用到什么新的技术点,如果非得说用到了什么新的技术点的话,那么勉强的说,用到了一些iOS9以后UICollectionView添加的一些新的特性.本篇博客所涉及的技术点主要有UICollectionView的Cell移动,手势识别,控件封装,闭包回调,面向接口编程,Swift中的泛型等等.这些技术点在之前的博客中也多次使用到,只不过本篇博客使用这些技术点来完成我们的具体需求. 一.实例运行效果 先入为主,

电商实体类分析

在电商系统中,商品模型至关重要,是整个电商的核心,下面通过一个简单的分析,设计一个基础的商品模型. 商品模型的演化 在以前,那时CMS很流行,最常见的模型是栏目-文章模型.于是做电商的时候,自然就继承了这种一对多的关系.只是栏目变成了分类,文章变成了商品.商品也具备了独特的业务属性.现在很多电商网站上左侧的菜单,也就是这个分类. 后来我们慢慢发现一个问题,只有分类并不能适应所有的需求,比如nike鞋和nikeT恤,用户可能希望先看nike的所有商品,这个模型就不能满足.我们想在这个关系中,加入“

iOS: 知名APP用到的第三方开源框架

知名应用程序的设计和技术一直都是开发者需要学习的,同样这些应用所使用的开源框架也是不可忽视的一部分.此前<iOS第三方开源库的吐槽和备忘>中作者ibireme列举了国内多款知名应用所使用的开源框架,并对其中一些框架进行了分析,同样国外开发者@iOSCowboy也在博客中给我们列出了国外多款知名应用使用的开源框架.另外txx's blog中详细介绍了Facebook Paper使用的第三方库. Instagram AFNetworking: 适用于iOS和OS X的网络框架. Appirate

电商直播ios app耗电发热比较评测

比较app: 优品惠直播,聚美优品直播,淘宝直播,京东直播 前提: 1.开启手机电池电量log记录: 2.把手机后台其他app都清退,仅保留当前评测app: 3.同款手机iphone6plus: 4.评测时不连接电源线,用wifi方式: 5.每个测试app看10分钟直播,取log记录数据,记录电池耗电量比值. 结果: 第一名:淘宝直播:0.66(流畅) 第二名:优品惠直播硬解码:0.7075(流畅) 第三名:京东直播: 0.71(当天进直播间很卡,估计直播系统有问题) 第四名:优品惠直播:0.7

电商商城首页总结

1.首先需要看设计稿是多少(750px),根据设计稿在设置rem,也就是设置html的字体大小,25*30=750 <!-- 在HTML开头就引入动态获取屏幕宽度 --> <!-- rem实现适配 --> <script type="text/javascript"> // 页面打开 立即计算 document.querySelector('html').style.fontSize = window.screen.width / 25 + 'px'