仿淘宝APP--实现监听，搜索栏

最新推荐文章于 2022-05-12 09:45:04 发布
最新推荐文章于 2022-05-12 09:45:04 发布
阅读量783 收藏 8
点赞数 1
文章标签： android studio layout app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44639308/article/details/104996476
版权

首先实现整体的排列位置，搜索栏，按钮，下面的八个图片和文字，新建一个空活动
布局文件如下所示：
在这里插入图片描述

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:theme="@style/Theme.AppCompat.NoActionBar"
    tools:context=".HomeActivity">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <!--        搜索部分-->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <FrameLayout
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
             >
				<EditText
                    android:id="@+id/searchLan"
                    android:layout_width="match_parent"
                    android:layout_weight="1"
                    android:layout_height="49dp"
                    android:layout_gravity="center_vertical"
                    android:layout_margin="10dp"
                    android:paddingLeft="60dp"
                    android:background="@drawable/table_shape"

                    android:drawablePadding="1dp"
                    android:hint="请输入关键字"
                    android:imeOptions="actionSearch"
                    android:inputType="text"
                    android:textSize="16dp" >

                </EditText>

                <ImageView
                    android:layout_marginTop="17dp"
                    android:layout_marginLeft="20dp"
                    android:layout_width="35dp"
                    android:layout_height="35dp"
                    android:src="@drawable/sousuo"
                    >

                </ImageView>
            </FrameLayout>

            <Button
                android:id="@+id/search_btn_back"
                android:layout_width="60dp"
                android:layout_height="40dp"
                android:layout_gravity="center_vertical"
                android:layout_marginTop="10dp"
                android:layout_marginRight="10dp"
                android:layout_marginBottom="10dp"
                android:background="@drawable/table_shape"
                android:text="返回"
                android:textColor="#333333" />

        </LinearLayout>

        <!--实体部分-->
        <ScrollView
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical">
                <!--    滚动开始-->

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

                    <LinearLayout
                        android:id="@+id/linearLayout1"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:orientation="vertical">

                        <ImageView
                            android:id="@+id/one"
                            android:layout_width="wrap_content"
                            android:layout_height="50dp"
                            android:src="@drawable/tianmaoxinpin"></ImageView>

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:gravity="center"
                            android:text="天猫新品"
                            android:textColor="#000000"
                            android:textSize="10sp">

                        </TextView>

                    </LinearLayout>

                    <LinearLayout
                        android:id="@+id/linearLayout2"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:orientation="vertical">

                        <ImageView
                            android:layout_width="wrap_content"
                            android:layout_height="50dp"
                            android:src="@drawable/jinribaokuan"></ImageView>

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:gravity="center"
                            android:text="今日爆款"
                            android:textColor="#000000"
                            android:textSize="10sp">

                        </TextView>

                    </LinearLayout>

                    <LinearLayout
                        android:id="@+id/linearLayout3"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:orientation="vertical">

                        <ImageView
                            android:layout_width="wrap_content"
                            android:layout_height="50dp"
                            android:src="@drawable/tianmaoguoji"></ImageView>

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:gravity="center"
                            android:text="天猫国际"
                            android:textColor="#000000"
                            android:textSize="10sp">

                        </TextView>

                    </LinearLayout>

                    <LinearLayout
                        android:id="@+id/linearLayout4"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:orientation="vertical">

                        <ImageView
                            android:layout_width="wrap_content"
                            android:layout_height="50dp"
                            android:src="@drawable/tianmaonongchang"></ImageView>

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_gravity="center"
                            android:text="天猫农场"
                            android:textColor="#000000"
                            android:textSize="10sp">

                        </TextView>

                    </LinearLayout>

                    <LinearLayout
                        android:id="@+id/linearLayout5"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:orientation="vertical">

                        <ImageView
                            android:layout_width="wrap_content"
                            android:layout_height="50dp"
                            android:src="@drawable/tianmaochaoshi"></ImageView>

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:gravity="center"
                            android:text="天猫超市"
                            android:textColor="#000000"
                            android:textSize="10sp">

                        </TextView>

                    </LinearLayout>

                </LinearLayout>

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

                </LinearLayout>
                <!--        /*****************************/-->
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:gravity="center"
                    android:orientation="horizontal">

                    <LinearLayout
                        android:id="@+id/linearLayout6"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:orientation="vertical">

                        <ImageView
                            android:layout_width="wrap_content"
                            android:layout_height="50dp"
                            android:src="@drawable/chongzhizhongxin"></ImageView>

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:gravity="center"
                            android:text="充值中心"
                            android:textColor="#000000"
                            android:textSize="10sp">

                        </TextView>

                    </LinearLayout>

                    <LinearLayout
                        android:id="@+id/linearLayout7"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:orientation="vertical">

                        <ImageView
                            android:layout_width="wrap_content"
                            android:layout_height="50dp"
                            android:src="@drawable/jipiaojiudian"></ImageView>

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:gravity="center"
                            android:text="机票酒店"
                            android:textColor="#000000"
                            android:textSize="10sp">

                        </TextView>

                    </LinearLayout>

                    <LinearLayout
                        android:id="@+id/linearLayout8"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:orientation="vertical">

                        <ImageView
                            android:layout_width="wrap_content"
                            android:layout_height="50dp"
                            android:src="@drawable/lintaojinbi"></ImageView>

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:gravity="center"
                            android:text="领淘金币"
                            android:textColor="#000000"
                            android:textSize="10sp">

                        </TextView>

                    </LinearLayout>

                    <LinearLayout
                        android:id="@+id/linearLayout9"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:orientation="vertical">

                        <ImageView
                            android:layout_width="wrap_content"
                            android:layout_height="50dp"
                            android:src="@drawable/alipaimai"></ImageView>

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:gravity="center"
                            android:text="阿里拍卖"
                            android:textColor="#000000"
                            android:textSize="10sp">

                        </TextView>

                    </LinearLayout>

                    <LinearLayout
                        android:id="@+id/linearLayout10"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:orientation="vertical">

                        <ImageView
                            android:layout_width="wrap_content"
                            android:layout_height="50dp"
                            android:src="@drawable/taobaochihuo"></ImageView>

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_gravity="center"
                            android:text="淘宝吃货"
                            android:textColor="#000000"
                            android:textSize="10sp">

                        </TextView>

                    </LinearLayout>

                </LinearLayout>

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

                </LinearLayout>
                <!--        /***************************开始下面的******************************/-->

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:orientation="horizontal">
                    <!--            /*left frame start&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;*/-->

                    <LinearLayout
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:orientation="vertical">
                        <!--                /*left three+++++++++++*/-->
                        <LinearLayout
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:orientation="vertical">

                            <!--                    /*one left**********************/-->
                            <TextView
                                android:layout_width="wrap_content"
                                android:layout_height="20dp"
                                android:layout_gravity="top"
                                android:layout_marginLeft="10dp"
                                android:text="聚划算   01:23:56"
                                android:textColor="#000000"></TextView>

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

                                <LinearLayout
                                    android:layout_width="wrap_content"
                                    android:layout_height="wrap_content"
                                    android:layout_weight="1"
                                    android:gravity="center"
                                    android:orientation="vertical">

                                    <ImageView
                                        android:layout_width="wrap_content"
                                        android:layout_height="50dp"
                                        android:src="@drawable/hhua" />

                                    <TextView
                                        android:layout_width="wrap_content"
                                        android:layout_height="wrap_content"
                                        android:gravity="center"
                                        android:text="19.9元"
                                        android:textColor="#000000"
                                        android:textSize="15sp">

                                    </TextView>

                                </LinearLayout>

                                <LinearLayout
                                    android:layout_width="wrap_content"
                                    android:layout_height="wrap_content"
                                    android:layout_weight="1"
                                    android:gravity="center"
                                    android:orientation="vertical">

                                    <ImageView
                                        android:layout_width="wrap_content"
                                        android:layout_height="50dp"
                                        android:src="@drawable/hhua"></ImageView>

                                    <TextView
                                        android:layout_width="wrap_content"
                                        android:layout_height="wrap_content"
                                        android:gravity="center"
                                        android:text="29.9元"
                                        android:textSize="15sp">

                                    </TextView>

                                </LinearLayout>
                            </LinearLayout>


                            <TextView
                                android:layout_width="wrap_content"
                                android:layout_height="20dp"
                                android:layout_gravity="top"
                                android:layout_marginLeft="10dp"
                                android:text="百亿补贴   01:23:56"></TextView>

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

                                <LinearLayout
                                    android:layout_width="wrap_content"
                                    android:layout_height="wrap_content"
                                    android:layout_weight="1"
                                    android:gravity="center"
                                    android:orientation="vertical">

                                    <ImageView
                                        android:layout_width="wrap_content"
                                        android:layout_height="50dp"
                                        android:src="@drawable/taobao"></ImageView>

                                    <TextView
                                        android:layout_width="wrap_content"
                                        android:layout_height="wrap_content"
                                        android:gravity="center"
                                        android:text="口罩19.9元"
                                        android:textSize="15sp">

                                    </TextView>

                                </LinearLayout>

                                <LinearLayout
                                    android:layout_width="wrap_content"
                                    android:layout_height="wrap_content"
                                    android:layout_weight="1"
                                    android:gravity="center"
                                    android:orientation="vertical">

                                    <ImageView
                                        android:layout_width="wrap_content"
                                        android:layout_height="50dp"
                                        android:src="@drawable/taobao"></ImageView>

                                    <TextView
                                        android:layout_width="wrap_content"
                                        android:layout_height="wrap_content"
                                        android:gravity="center"
                                        android:text="围脖9.9元"
                                        android:textSize="15sp">

                                    </TextView>

                                </LinearLayout>
                            </LinearLayout>

                            <TextView
                                android:layout_width="wrap_content"
                                android:layout_height="20dp"
                                android:layout_gravity="top"
                                android:layout_marginLeft="10dp"
                                android:text="天天特卖   01:23:56"></TextView>

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

                                <LinearLayout
                                    android:layout_width="wrap_content"
                                    android:layout_height="wrap_content"
                                    android:layout_weight="1"
                                    android:gravity="center"
                                    android:orientation="vertical">

                                    <ImageView
                                        android:layout_width="wrap_content"
                                        android:layout_height="50dp"
                                        android:src="@drawable/taobao"></ImageView>

                                    <TextView
                                        android:layout_width="wrap_content"
                                        android:layout_height="wrap_content"
                                        android:gravity="center"
                                        android:text="工厂直购"
                                        android:textSize="15sp">

                                    </TextView>

                                </LinearLayout>

                                <LinearLayout
                                    android:layout_width="wrap_content"
                                    android:layout_height="wrap_content"
                                    android:layout_weight="1"
                                    android:gravity="center"
                                    android:orientation="vertical">

                                    <ImageView
                                        android:layout_width="wrap_content"
                                        android:layout_height="50dp"
                                        android:src="@drawable/guagua"></ImageView>

                                    <TextView
                                        android:layout_width="wrap_content"
                                        android:layout_height="wrap_content"
                                        android:gravity="center"
                                        android:text="9.9包邮"
                                        android:textSize="15sp">

                                    </TextView>

                                </LinearLayout>
                            </LinearLayout>
                        </LinearLayout>
                    </LinearLayout>

                    <LinearLayout
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1">

                    </LinearLayout>
                </LinearLayout>


                <!--                占位控件-->
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="100dp"></LinearLayout>

                <!--滚动内容-->
            </LinearLayout>
        </ScrollView>
        <!--            实体部分结束-->
    </LinearLayout>


</androidx.constraintlayout.widget.ConstraintLayout>

java文件如下：


package com.example.mystore;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.view.View;
import android.widget.TextView;
import android.widget.Toast;
import android.app.Activity;

public class HomeActivity extends AppCompatActivity implements View.OnClickListener{

    private LinearLayout linearLayout1;
    private LinearLayout linearLayout2;
    private LinearLayout linearLayout3;
    private LinearLayout linearLayout4;
    private LinearLayout linearLayout5;
    private LinearLayout linearLayout6;
    private LinearLayout linearLayout7;
    private LinearLayout linearLayout8;
    private LinearLayout linearLayout9;
    private LinearLayout linearLayout10;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_home);

//注册监听器/
        linearLayout1 = findViewById(R.id.linearLayout1);
        linearLayout1.setOnClickListener(this);

        linearLayout2 = findViewById(R.id.linearLayout2);
        linearLayout2.setOnClickListener(this);

        linearLayout3 = findViewById(R.id.linearLayout3);
        linearLayout3.setOnClickListener(this);

        linearLayout4 = findViewById(R.id.linearLayout4);
        linearLayout4.setOnClickListener(this);

        linearLayout5 = findViewById(R.id.linearLayout5);
        linearLayout5.setOnClickListener(this);

        linearLayout6 = findViewById(R.id.linearLayout6);
        linearLayout6.setOnClickListener(this);

        linearLayout7 = findViewById(R.id.linearLayout7);
        linearLayout7.setOnClickListener(this);

        linearLayout8 = findViewById(R.id.linearLayout8);
        linearLayout8.setOnClickListener(this);

        linearLayout9 = findViewById(R.id.linearLayout9);
        linearLayout9.setOnClickListener(this);

        linearLayout10 = findViewById(R.id.linearLayout10);
        linearLayout10.setOnClickListener(this);


    }

    @Override
    public void onClick(View view) {
        switch (view.getId()) {
            case R.id.linearLayout1:
                onClickLinearLayout(view);
                break;
            case R.id.linearLayout2:
                onClickLinearLayout(view);
                break;
            case R.id.linearLayout3:
                onClickLinearLayout(view);
                break;
            case R.id.linearLayout4:
                onClickLinearLayout(view);
                break;
            case R.id.linearLayout5:
                onClickLinearLayout(view);
                break;
            case R.id.linearLayout6:
                onClickLinearLayout(view);
                break;
            case R.id.linearLayout7:
                onClickLinearLayout(view);
                break;
            case R.id.linearLayout8:
                onClickLinearLayout(view);
                break;
            case R.id.linearLayout9:
                onClickLinearLayout(view);
                break;
            case R.id.linearLayout10:
                onClickLinearLayout(view);
                break;
        }
    }

    private void onClickLinearLayout(View view) {
        //处理逻辑
        Toast.makeText(getApplicationContext(), "hello",Toast.LENGTH_SHORT).show();
    }


}

按钮监听有三部曲
1 设置id
2 findViewById通过id找到视图
3 onClickLinearLayout（）

        button_begin=(Button)findViewById(R.id.button_begin);
        button_exit=(Button)findViewById(R.id.button_exit);
       
        Button.OnClickListener control=new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                switch (view.getId()){
                    case R.id.button_begin:
                    	
                        Intent game=new Intent(MainActivity.this,game_main.class);
                        startActivity(game);
                        break;
                    case R.id.button_exit:
                    	
                    	System.exit(0);
                        break;
                }
            }
        };
        button_begin.setOnClickListener(control);
        button_exit.setOnClickListener(control);
嵌入式探索者
关注
专栏目录
Android精仿淘宝/QQ空间标题栏渐变效果
小嵩的博客
01-18 6127
最近在淘宝上囤年货买买买的时候，注意到淘宝购物详情页的渐变效果，觉得效果还是挺不错的，有种似曾相识的感觉，没错，好像QQ空间的标题栏也是类似的做法。鉴于这种效果在平时可能会用得比较多，所以就自己研究了一下然后把它实现出来了，项目完整demo在文章底部有链接，大家可下载参考研究。文章原创，转载请注明地址：小嵩的CSDN博客，地址：http://blog.csdn.net/qq_22393017本文会详
uni-app 小程序项目三 1. 商品列表、过滤器、封装商品item组件、上拉加载、节流阀、下拉刷新、2. 商品详情、轮播图、商品价格闪烁问题 3.加入购物车、vuex、持久化存储、mixiins
m0_55170432的博客
07-15 1671
1.0 创建 goodslist 分支 1.1 定义请求参数对象 为了方便发起请求获取商品列表的数据，我们要根据接口的要求，事先定义一个请求参数对象： data() { return { // 请求参数对象 queryObj: { // 查询关键词 query: '', // 商品分类Id cid: '', // 页码值 pagenum: 1, // 每页显示多少条数据 pagesize:
FlowLayout增加标签（仿淘宝搜索）
04-09
Android 类似淘宝 电商 搜索功能，流式布局，以及将搜索词语变成标语记录，可以清除等
Android 轻松实现仿淘宝地区选择
程序员yqy的博客
06-09 6851
介绍最近用淘宝客户端的时候，编辑地址的时候有个地区选择的功能。看上面的效果觉得挺酷，滚动的时候，是最后一个从下面飞上来挨着前一个。就自己鼓捣一个出来玩玩。说了效果可能不太直观，下面上两张图看看效果 淘宝地区选择效果 再来一张自己的效果 gif的效果可能不太好，大家自己用Android手机打开淘宝看看实现分析展示很简单，ListView就可以了。对于动画效果，只需要在getView的时候获取到要
仿淘宝搜索框
08-11
仿淘宝搜索框下拉jQuery.适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.
仿淘宝天猫商城手机app小程序页面模板
08-29
【标题】"仿淘宝天猫商城手机app小程序页面模板"是一个专为微信小程序设计的模板，旨在为用户提供类似于淘宝天猫商城的购物体验。这个模板适用于创建多用途的生活购物类商城，帮助商家快速搭建自己的在线销售平台。 ...
android仿淘宝界面
10-18
在Android平台上，开发一款仿淘宝界面的应用是一项挑战性的工作，涉及到UI设计、布局管理、控件使用、动画效果以及响应式交互等多个方面的技术。在这个项目中，开发者仅实现了界面部分，意味着用户可以看到与淘宝...
Android 仿京东首页 淘宝首页双层吸顶效果 悬停效果
最新发布
12-12
在Android应用开发中，创建类似京东、淘宝首页的双层吸顶效果是一项常见的需求，它能够提供用户友好的浏览体验，使关键功能如搜索栏在滚动时始终保持可见。本项目"DoubleSuckTopDemo"正是为了实现这一效果而设计的。...
Android仿淘宝搜索联想功能的示例代码
08-29
本篇文章主要介绍了Android仿淘宝搜索联想功能的示例代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android仿淘宝Demo
09-26
此项目是仿淘宝做的一个Demo应用，只作为技术学习使用，不做任何商业用途，请勿使用此项目进行任何形式的商业活动。 下面是本项目中主要实现的功能： 1:商品的基本展示 2：二维码扫描 3：刮刮乐功能 4：购物车多项删除 5：宝贝详情，图片展示的放大缩小功能 6：界面之间切换的动画 7：弹窗的动画效果 8：listView的上啦刷新，下拉加载功能 9：首页广告的轮播效果 10：获得本机具有传感器的列表 由于代码全部是自己写的，所以需要点积分，敬请谅解
Android仿淘宝demo
07-28
Android仿淘宝demo，帮助有需要的小伙伴！
仿淘宝筛选完整功能
06-14
淘宝筛选的完整功能，之前在网络上收集的资源非常不全，所以自行写了这一完整功能，共大家一起分享学习
仿淘宝的五星级评价
09-28
仿淘宝的五星级评价样式
仿 淘宝搜索栏，实现 用户输入搜索关键字时可以显示 搜索提示 的效果 Ajax
qq_56588657的博客
05-12 993
要实现的 UI 功能 依赖文件： jQuery https://jquery.com/ art-template 模板引擎 https://aui.github.io/art-template/ 实现步骤： 获取用户输入的 搜索关键字 封装函数，用于发送 Ajax 请求 利用 模板引擎 渲染 UI 结构 获取用户输入的 搜索关键字 // 监听文本框的 keyup 事件 $('#ipt').on('keyup', function() { // 获取用户输入的内容 var key =
类似淘宝搜索框的功能 根据输入的内容 实时刷新搜索列表
zhang_hao_nan的博客
07-09 1716
今天听同事讨论的一个类似于淘宝搜索框的问题，他做的Windows上的程序。那上面有一个根据姓名/电话/身份证号来模糊查询的搜索功能，但是他一下子把所有的数据请求下来了，然后在模糊查询是时候就用请求下来的数据显示搜索列表。请求的数据量不少一万来条数据吧应该， 在请求时由于时间较长就出现了页面卡顿的情况，而且如果请求的时间是在后台被占用的高峰时期还会出现闪退的情况。所以他和后台又做了分流， 一次请求一...
android软件开发之仿淘宝选择规格的实现
燚轩软件科技
09-19 1105
　　在一些app开发项目中选择商品规格这个功能最容易遇到问题，想要实现需要的全部功能，但一直没有成功，所以就去找了个Demo，学习界面UI采用recyclerview，item里面渲染ViewGroup，根据数据源的数量，往ViewGroup里面添加Textview。这样就可以解决它的每个属性按钮宽高自适应。下面来详细分享一下源码： /** * 测量子view大小 根据子控件设置宽和高 */...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值