购物车

最新推荐文章于 2026-06-21 15:20:13 发布
原创 最新推荐文章于 2026-06-21 15:20:13 发布 · 360 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#android #Studio #购物车
本文介绍了一个简单的购物车功能实现方案，使用了RecyclerView进行商品展示，并通过Butter Knife简化UI组件绑定，利用Gson解析JSON数据。文章展示了如何计算总价、处理全选与商品数量增减等功能。 
//导入依赖

compile 'com.android.support:recyclerview-v7:25.3.1'
compile 'com.jakewharton:butterknife:8.8.1'
annotationProcessor 'com.jakewharton:butterknife-compiler:8.8.1'
compile 'com.google.code.gson:gson:2.8.2'
compile 'com.squareup.picasso:picasso:2.5.1'



//主类

public class MainActivity extends AppCompatActivity {

    @BindView(R.id.rv)
    RecyclerView rv;
    @BindView(R.id.checkbox)
    CheckBox checkbox;
    @BindView(R.id.tv)
    TextView tv;
    @BindView(R.id.bt)
    Button bt;
    List<ShopBean.OrderDataBean.CartlistBean> list = new ArrayList<ShopBean.OrderDataBean.CartlistBean>();
    private LinearLayoutManager manager;
    private ShopAdapter adapter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.bind(this);
        try {
            InputStream inputStream = getAssets().open("shop.json");
            String data = convertStreamToString(inputStream);
            Gson gson = new Gson();
            ShopBean shopBean = gson.fromJson(data, ShopBean.class);

            for (int i = 0; i < shopBean.getOrderData().size(); i++) {
                int length = shopBean.getOrderData().get(i).getCartlist().size();
                for (int j = 0; j < length; j++) {
                    list.add(shopBean.getOrderData().get(i).getCartlist().get(j));
                }
            }

            manager = new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false);
            rv.setLayoutManager(manager);
            adapter = new ShopAdapter(this,list);
            rv.setAdapter(adapter);
            adapter.setCheckListener(new ShopAdapter.CheckListener() {
                @Override
                public void check(boolean check, int position) {
                    boolean allCheck = true ;
                    float price  = 0 ;
                    int count = 0;
                    for (int i = 0; i < list.size(); i++) {
                        if (list.get(i).isSelect()) {
                            price += list.get(i).getPrice() * list.get(i).getCount();
                            count++;
                        }
                    }
                    for (int i = 0; i < list.size(); i++) {
                        if (!list.get(i).isSelect()) {
                            allCheck = false;
                            break;
                        }
                    }
                    tv.setText(price+"元");
                    bt.setText("结算（"+count+")");
                    if(allCheck){
                        checkbox.setChecked(true);
                    }else {
                        checkbox.setChecked(false);
                    }
                }
            });
        } catch (IOException e) {
            e.printStackTrace();
        }

    }

    @OnClick({R.id.checkbox, R.id.bt})
    public void onViewClicked(View view) {
        switch (view.getId()) {
            case R.id.checkbox:
                boolean check =   checkbox.isChecked() ;
                float price  = 0 ;
                int count = 0;
                for (int i = 0; i < list.size(); i++) {
                    list.get(i).setSelect(check);
                    if(check){
                        if (list.get(i).isSelect()) {
                            price += list.get(i).getPrice() * list.get(i).getCount();
                            count++;
                        }
                    }
                }
                adapter.notifyDataSetChanged();
                tv.setText("￥"+price);
                bt.setText("结算（"+count+")");
                break;
            case R.id.bt:
                break;
        }
    }

    public  String convertStreamToString(InputStream is) {

        BufferedReader reader = new BufferedReader(new InputStreamReader(is));
        StringBuilder sb = new StringBuilder();

        String line = null;
        try {
            while ((line = reader.readLine()) != null) {
                sb.append(line);
            }
        } catch (IOException e) {
            e.printStackTrace();
        } finally {
            try {
                is.close();
            } catch (IOException e) {
                e.printStackTrace();
            }
        }

        return sb.toString();
    }
}



// 适配器
public class ShopAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
    private Context context;
    private List<ShopBean.OrderDataBean.CartlistBean> list;

    public ShopAdapter(Context context, List<ShopBean.OrderDataBean.CartlistBean> list) {
        this.context = context;
        this.list = list;
    }

    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(context).inflate(R.layout.adapter_item, parent, false);
        MyViewHolder viewHolder = new MyViewHolder(view);
        return viewHolder;
    }

    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, final int position) {
     if(holder instanceof  MyViewHolder){
         MyViewHolder myViewHolder = (MyViewHolder) holder;
         myViewHolder.danjia.setText(list.get(position).getPrice()+"");
         Picasso.with(context).load(list.get(position).getDefaultPic()).into(myViewHolder.shopface);
         if(list.get(position).isSelect()){
             if(!myViewHolder.checkbox.isChecked()){
                 myViewHolder.checkbox.setChecked(true);
             }
         } else {
             myViewHolder.checkbox.setChecked(false);
         }

         myViewHolder.checkbox.setOnClickListener(new View.OnClickListener() {
             @Override
             public void onClick(View v) {

                 boolean isChecked = list.get(position).isSelect() ;
                 list.get(position).setSelect(!isChecked);
                 notifyDataSetChanged();
                 if(listener != null){
                     listener.check(!isChecked,position);
                 }

             }
         });
         myViewHolder.customviewid.setListener(new MyView.ChangeListener() {
             @Override
             public void onChange(int count) {
                 list.get(position).setCount(count);
                 notifyDataSetChanged();
                 if(listener != null){
                     listener.check(list.get(position).isSelect(),position);
                 }
             }
         });
      }
    }

    @Override
    public int getItemCount() {
        return list.size();
    }

    static class MyViewHolder extends RecyclerView.ViewHolder{
        @BindView(R.id.checkbox)
        CheckBox checkbox;
        @BindView(R.id.shopface)
        ImageView shopface;
        @BindView(R.id.price)
        TextView danjia;
        @BindView(R.id.customviewid)
        MyView customviewid;
        MyViewHolder(View view) {
            super(view);
            ButterKnife.bind(this, view);
        }
    }
    public CheckListener listener;
    public void setCheckListener(CheckListener listener){
        this.listener = listener ;
    }
    interface CheckListener {
        public void check(boolean check,int position);
    }

}

//自定义购物车的加减按钮
public class MyView extends LinearLayout {

    private EditText content;

    public MyView(Context context) {
        super(context);
        init(context);
    }

    public MyView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        init(context);
    }

    public MyView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context);
    }
    private  void init(Context context){
        View view =  LayoutInflater.from(context).inflate(R.layout.view_layout,null);
        addView(view);
        Button revserse = (Button) view.findViewById(R.id.revserse);
        Button add = (Button) view.findViewById(R.id.add);
        content = (EditText) view.findViewById(R.id.content);

        revserse.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                String  result =   content.getText().toString().trim() ;
                int integerResult =  Integer.valueOf(result);
                if(integerResult > 1){
                    integerResult = integerResult - 1 ;
                    content.setText(integerResult+"");
                    if(listener != null){
                        listener.onChange(integerResult);
                    }
                }
            }
        });

        add.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                String  result =   content.getText().toString().trim() ;
                int integerResult =  Integer.valueOf(result) ;
                integerResult = integerResult + 1 ;
                content.setText(integerResult+"");
                if(listener != null){
                    listener.onChange(integerResult);
                }
            }
        });
        content.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {
            }
            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {
            }
            @Override
            public void afterTextChanged(Editable s) {
                if(listener != null){
                    listener.onChange(Integer.parseInt(s.toString()));
                }
            }
        });
    }
    public ChangeListener listener ;

    public void setListener(ChangeListener listener){
        this.listener = listener;
    }
    interface ChangeListener{
        void onChange(int count);
    }
}
 
//JavaBean可以自己写
public class ShopBean {


    /**
     * code : 200
     * orderData : [{"shopId":1,"shopName":"京东自营","cartlist":[{"id":1,"shopId":1,"shopName":"京东自营","defaultPic":"https://img30.360buyimg.com/popWareDetail/jfs/t3208/194/7616404169/244198/369625db/58b7d093N03520fb7.jpg","productId":1,"productName":"三只松鼠_零食大礼包","color":null,"size":null,"price":20,"count":2},{"id":2,"shopId":1,"shopName":"京东自营","defaultPic":"https://img14.360buyimg.com/n0/jfs/t2971/15/167732091/93002/204c1016/574d9d9aNe4e6fa7a.jpg","productId":2,"productName":null,"color":null,"size":null,"price":148,"count":3}]},{"shopId":2,"shopName":"海澜之家","cartlist":[{"id":1,"shopId":2,"shopName":"海澜之家","defaultPic":"https://img30.360buyimg.com/popWaterMark/jfs/t4075/83/1343091204/132469/9034cb9c/5873496bN68020ba8.jpg","productId":1,"productName":"短袖T恤男 2017夏季新品","color":null,"size":null,"price":181,"count":1}]}]
     */

    private int code;
    private List<OrderDataBean> orderData;

    public int getCode() {
        return code;
    }

    public void setCode(int code) {
        this.code = code;
    }

    public List<OrderDataBean> getOrderData() {
        return orderData;
    }

    public void setOrderData(List<OrderDataBean> orderData) {
        this.orderData = orderData;
    }

    public static class OrderDataBean {
        /**
         * shopId : 1
         * shopName : 京东自营
         * cartlist : [{"id":1,"shopId":1,"shopName":"京东自营","defaultPic":"https://img30.360buyimg.com/popWareDetail/jfs/t3208/194/7616404169/244198/369625db/58b7d093N03520fb7.jpg","productId":1,"productName":"三只松鼠_零食大礼包","color":null,"size":null,"price":20,"count":2},{"id":2,"shopId":1,"shopName":"京东自营","defaultPic":"https://img14.360buyimg.com/n0/jfs/t2971/15/167732091/93002/204c1016/574d9d9aNe4e6fa7a.jpg","productId":2,"productName":null,"color":null,"size":null,"price":148,"count":3}]
         */

        private int shopId;
        private String shopName;
        private List<CartlistBean> cartlist;

        public int getShopId() {
            return shopId;
        }

        public void setShopId(int shopId) {
            this.shopId = shopId;
        }

        public String getShopName() {
            return shopName;
        }

        public void setShopName(String shopName) {
            this.shopName = shopName;
        }

        public List<CartlistBean> getCartlist() {
            return cartlist;
        }

        public void setCartlist(List<CartlistBean> cartlist) {
            this.cartlist = cartlist;
        }

        public static class CartlistBean {
            /**
             * id : 1
             * shopId : 1
             * shopName : 京东自营
             * defaultPic : https://img30.360buyimg.com/popWareDetail/jfs/t3208/194/7616404169/244198/369625db/58b7d093N03520fb7.jpg
             * productId : 1
             * productName : 三只松鼠_零食大礼包
             * color : null
             * size : null
             * price : 20
             * count : 2
             */

            private int id;
            private int shopId;
            private String shopName;
            private String defaultPic;
            private int productId;
            private String productName;
            private Object color;
            private Object size;
            private int price;
            private int count;

            //商品是否被选中
            private boolean isSelect = false;
            //是否是第一个 如果isfirst 等于1 显示商户的名称， 否则隐藏商户的名称
            private int isFirst = 2;
            //商户是否被选中
            private boolean isShopSelect = false;

            public int getId() {
                return id;
            }

            public void setId(int id) {
                this.id = id;
            }

            public int getShopId() {
                return shopId;
            }

            public void setShopId(int shopId) {
                this.shopId = shopId;
            }

            public String getShopName() {
                return shopName;
            }

            public void setShopName(String shopName) {
                this.shopName = shopName;
            }

            public String getDefaultPic() {
                return defaultPic;
            }

            public void setDefaultPic(String defaultPic) {
                this.defaultPic = defaultPic;
            }

            public int getProductId() {
                return productId;
            }

            public void setProductId(int productId) {
                this.productId = productId;
            }

            public String getProductName() {
                return productName;
            }

            public void setProductName(String productName) {
                this.productName = productName;
            }

            public Object getColor() {
                return color;
            }

            public void setColor(Object color) {
                this.color = color;
            }

            public Object getSize() {
                return size;
            }

            public void setSize(Object size) {
                this.size = size;
            }

            public int getPrice() {
                return price;
            }

            public void setPrice(int price) {
                this.price = price;
            }

            public int getCount() {
                return count;
            }

            public void setCount(int count) {
                this.count = count;
            }


            public boolean isSelect() {
                return isSelect;
            }

            public void setSelect(boolean select) {
                isSelect = select;
            }

            public int getIsFirst() {
                return isFirst;
            }

            public void setIsFirst(int isFirst) {
                this.isFirst = isFirst;
            }

            public boolean isShopSelect() {
                return isShopSelect;
            }

            public void setShopSelect(boolean shopSelect) {
                isShopSelect = shopSelect;
            }
        }
    }
}

//布局
//主类布局

<android.support.v7.widget.RecyclerView
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    android:id="@+id/rv">

</android.support.v7.widget.RecyclerView>
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <CheckBox
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/checkbox"
            android:layout_alignParentLeft="true"
            android:layout_centerVertical="true"
            android:text="全选"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/tv"
            android:layout_centerInParent="true"
            android:layout_marginLeft="100dp"
            android:text="总价："
            android:textSize="22sp"/>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:id="@+id/bt"
            android:text="结算"
            />
    </RelativeLayout>
//自定义View布局
<Button
    android:layout_width="30dp"
    android:layout_height="30dp"
    android:id="@+id/revserse"
    android:text="-"
    android:background="#00FFFFFF"/>
<EditText
    android:text="1"
    android:background="@null"
    android:layout_width="30dp"
    android:layout_height="30dp"
    android:gravity="center"
    android:id="@+id/content"/>

<Button
    android:background="#00FFFFFF"
    android:text="+"
    android:id="@+id/add"
    android:layout_width="30dp"
    android:layout_height="30dp"
    />
//适配器里面的条目

<CheckBox
    android:layout_gravity="center"
    android:id="@+id/checkbox"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="10dp"
    android:orientation="vertical"
    android:layout_gravity="center">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <ImageView
            android:id="@+id/shopface"
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:background="@mipmap/ic_launcher" />
        <TextView
            android:id="@+id/price"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textSize="22sp"
            android:layout_gravity="center"/>
    </LinearLayout>
    <com.bwie.gouwuchedemo.MyView
        android:id="@+id/customviewid"
        android:layout_gravity="center"
        android:layout_width="100dp"
        android:layout_height="50dp"/>

</LinearLayout>

 


安卓Android带支付宝在线支付购物商城app设计源码案例设计.zip
04-19
源码设计，具体请到资源详情查看使用前必读
Android毕设项目功能：商城列表与购物车展示(一)
u012156341的专栏
05-29 1万+
最近应公司要求，到某大学进行毕设项目实训讲解，今天在课上讲解内容主要围绕在商城功能展开，因为没有服务器提供后台数据，所以使用虚拟数据，在代码中创建集合的用于展示。基本逻辑与后台服务提供数据的逻辑也相似。毕设中有需要相同功能的同学可以借鉴一下，以下的逻辑思路与实现代码。 代码实现效果图如下： 需求分析: 展示效果为四个界面，界面间都是通过前一个点击相关内容，跳转显示，故在此功能中应该需...
Android 购物车的最佳实现（附源码）（通过ExpandableListView实现分店铺）
一个灵活的胖子MrWang
07-03 2万+
购物车是IT电商项目必不可少的功能之一，尽管该功能不算很复杂，但是却很重要。实现的方式也多种多样，就我而言就曾经通过三种方式开发过购物车：第一种方式是通过LinearLayout嵌套LinearLayout实现，这种方式会消耗更多的内存，数据过多时会造成页面的卡顿，还可能产生OOM异常，不可取；第二种方式是通过ListView嵌套LinearLayout实现，这种方式与第一种大同小...
Android Studio实现购物车功能
HackSquad的博客
08-18 2134
打开res文件夹，找到layout文件夹，然后创建一个新的XML布局文件，可以命名为"activity_shopping_cart.xml"。在该布局中，我们可以添加一个RecyclerView来展示已选择的商品列表，并在布局的底部添加一个TextView来显示总价格。在该布局中，我们可以添加一个ImageView来展示商品图片，一个TextView来展示商品名称和价格。现在，我们已经准备好布局文件，接下来，我们需要创建Java类来实现购物车功能。首先，我们创建一个Product类，用于表示商品的信息。
基于Android Studio如何实现 购物商城 案例（简单易上手）
热门推荐
编程乐学的博客
12-15 2万+
Android studio期末设计大作业~购物商城App①启动页②.用户登录/注册功能③主页面功能- 顶部轮播图功能- 搜索功能- 商品目录- 商品列表-点击商品列表进入详情页④ 购物车功能- 商品数量的增加减少- 商品支付购买⑤ 我的页面- 修改用户密码⑥详情页面- 显示商品详情信息启动页：应用启动时显示的欢迎页面。用户登录/注册功能：用户可以通过输入用户名和密码进行登录或注册新账户。顶部轮播图功能：展示热门商品或促销活动的轮播图。
android长按加入购物车,Android Studio实现简单购物车功能
weixin_28779183的博客
05-25 1378
本文实例为大家分享了Android Studio实现简单购物车的具体代码，供大家参考，具体内容如下MainActivity的布局文件xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"an...
如何实现购物车功能(购物车在数据库中)?
潇洒不放纵的博客
02-25 2万+
上一篇文章提到,将购物车放入session中的方法,这里来帮大家讲购物车放在数据库中,那么到底如何实现呢? 同样,购物车放在数据库中也应该实现8中操作: 1.向购物车添加商品,(首先,应该判断该商品是否在购物车中已经存在,若存在,该商品数量+1,若不存在,则将该商品加入购物车并数量设置为1) 2.修改商品的数量(请求一个servlet,并根据该商品的某个唯一属性修改其数量) 3.删除商品(通过请求...
电商项目-购物车(合并购物车问题)
weixin_45596022的博客
08-26 5555
1.添加购物车分析 1.商品详情页添加购物车 2.商品详情页添加购物车时，先判断用户是否登陆，如果没有登录，在判断是否存在临时用户，如果cookie中也没有临时用户，则生成临时用户。 3.购物车商品与临时用户ID关联，当用户登录后，将临时用户ID的购物车商品与登录用户id的商品合并。 2.临时用户处理 1.因为userId我们是从网关统一传递过来的，那么临时用户ID我们也可以从网关传递过来，改造网关。 2.在过滤器中添加一个获取当前用户临时ID的方法 3.先
MVC购物车
weixin_62332711的博客
03-27 2983
目录 1.什么是MVC? 2.MVC购物车案例 2.1.数据库的设计 2.2.需要开发的界面 2.3.购物车样式设计 2.4.购物车具体实现代码 第一步：进入购物首页页面绑定数据 第二步：点击加入购物车进入我的购物车页面 第三步：加入到我的购物车，对商品数量的更改以及商品总价的计算 第四步：实现删除我的购物车商品的方法 1.什么是MVC? MVC全名是Model（模型） View（视图） Controller（控制器）。是一种软件设计典范，用一种业务逻辑、数据、...
uni-app购物车的实现
小白在线学前端的博客
11-01 3106
前言 在电商项目中，购物车是电商项目的灵魂，支付是电商项目的血液，电商项目中离不开购物车。 开始了 第一步 加入购物车 在vuex中新建一个store.js文件,并且在store.js 文件中添加如下4个初识化Store的实例对象 // 1. 导入 Vue 和 Vuex import Vue from 'vue' import Vuex from 'vuex' // 2. 将 Vuex 安装为 Vue 的插件 Vue.use(Vuex) // 3. 创建 Store 的实例对象 const stor
Java购物车
weixin_38839261的博客
08-21 2165
1. 创建购物车实体类，模拟购物车功能（内部使用HashMap） 需求： 1) 添加商品到购物车（输入商品的编号和数量） 2) 删除商品（删除购物车中的指定购物项） 3) 修改商品（修改商品的数量） 4) 显示所购买的商品信息（按购买商品的总价进行升序显示） 之前老师说了两个方法，所以我就两个方法都写上来。 首先是不用HashMap的 测试类 public class
android studio购物车代码
11-24
android studio开发购物车具体实现代码。
反编译出来的京东App源代码，内容全，仅供学习参考
09-10
反编译出来的京东App源代码，内容全，仅供学习参考
Android商城程序源码
06-16
Android商城程序源码
用Cookie实现购物车
dongfangbubai1的专栏
01-20 7483
用cookie实现购物车
【Android】实现简易购物车功能（附源码）
butterfly_new的博客
01-27 2489
android实现简易的购物车
用android studio 写一个购物系统
weixin_42613018的博客
02-19 1745
我可以向你提供一些有关如何使用Android Studio来开发购物系统的建议。首先，你需要创建一个新项目，并且为你的应用添加合适的活动，以及你所需要的资源、按钮和布局。然后，你需要添加一些代码，来实现商品的检索和添加购物车的功能。最后，你需要添加一些测试代码，来确保你的购物系统可以正常运行。 ...
从零开始：Android Studio开发购物车（第二个实战项目）
04-29 2707
经过前几天的Android速成学习，我决定需要用一个实战项目来巩固知识。所以选择了购物车是刚刚好的。购物车功能作为电商应用的核心组件之一，其实现方式和性能表现直接影响用户体验。传统的购物车实现往往只存储商品ID和数量等基本信息，当用户离线查看购物车时，商品图片需要重新从网络加载，这不仅增加了流量消耗，也降低了用户体验的连贯性。本文将带你深入探索如何利用Android官方推荐的Room持久化库，构建一个功能完善且性能优异的购物车模块。本地图片存储。
android 购物车实现,Android Studio实现简单购物车功能
weixin_30590247的博客
05-25 4327
Android Studio实现简单购物车功能发布时间：2020-08-30 17:23:56来源：脚本之家阅读：241作者：攀岩嘉本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下MainActivity的布局文件xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://sche...
Lottie Android：设计师交付动画，开发直接用
最新发布
pythonpioneer的博客
06-21 222
Lottie Android是由Airbnb开源的高星动画库，它通过解析After Effects导出的JSON文件，实现设计师与开发者无缝协作。支持Android、iOS、Web等多平台，一份动画资源全端通用。开发者只需简单集成，即可加载播放设计师制作的动画，完美还原效果。Lottie支持大多数AE特性，包括关键帧、遮罩、混合模式等，已广泛应用于启动页、交互动效等场景。相比传统实现方式，Lottie具有体积小、跨平台一致、设计开发高效协同等优势，目前由Airbnb团队持续维护，社区活跃度高。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值