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

Malina ·

更新时间:2024-11-10

· 582 次阅读

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

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，希望大家喜欢。

您可能感兴趣的文章:javascript电商网站抢购倒计时效果实现

开源 hot app 标签

1024 个赞