仿京东搜索效果

最新推荐文章于 2021-10-22 23:53:04 发布
最新推荐文章于 2021-10-22 23:53:04 发布
阅读量1.1k 收藏 2
点赞数
分类专栏： Android那些事
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/w98326angle/article/details/78827441
版权
搜索页面：



            布局： 

<LinearLayout
    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:orientation="vertical"
    android:layout_height="match_parent" tools:context="com.example.week3_lianxi.view.activity.MainActivity">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="60dp">
        <ImageView
            android:id="@+id/fanhui"
            android:layout_width="20dp"
            android:layout_height="20dp"
            android:layout_alignParentLeft="true"
            android:layout_centerVertical="true"
            android:layout_marginLeft="15dp"
            android:src="@drawable/icon_back"/>
        <EditText
            android:id="@+id/main_name"
            android:layout_width="250dp"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:hint="多功能插座"/>
        <TextView
            android:id="@+id/seltxt"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:layout_marginRight="15dp"
            android:textSize="18dp"
            android:text="搜索"/>
        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:layout_alignParentBottom="true"
            android:background="#cdcdcd" />
    </RelativeLayout>
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="20dp"
        android:textColor="#000"
        android:text="热搜"/>

    <com.example.week3_lianxi.view.costom.MFlowLayout
        android:id="@+id/flow_layout"
        android:layout_height="80dp"
        android:layout_width="wrap_content">
    </com.example.week3_lianxi.view.costom.MFlowLayout>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="20dp"
        android:textColor="#000"
        android:text="历史搜索"/>
    <ListView
        android:id="@+id/lv"
        android:layout_width="match_parent"
        android:layout_height="260dp">

    </ListView>
    <Button
        android:id="@+id/delAll"
        android:onClick="delAll"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="清空历史搜索"/>
</LinearLayout>



MainActivity: 

public class MainActivity extends AppCompatActivity {

    private MFlowLayout mFlowLayout;
    private String mNames[]={"羊毛衫","新品","苹果8","瑜伽球","内衣","秋冬男装","女装","童装"};
    private TextView textsel;
    private EditText editname;
    private ListView listView;
    private Dao dao;
    private Main_lvAdapter lvAdapter;
    private List<UserBean> userBeen;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mFlowLayout = (MFlowLayout) findViewById(R.id.flow_layout);
        textsel = (TextView) findViewById(R.id.seltxt);
        editname = (EditText) findViewById(R.id.main_name);
        listView = (ListView) findViewById(R.id.lv);
        dao = new Dao(this);
        initChildView();

        userBeen = dao.selAll();
        lvAdapter= new Main_lvAdapter(userBeen,MainActivity.this);
        listView.setAdapter(lvAdapter);

        textsel.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                String name = editname.getText().toString();
                Intent intent=new Intent(MainActivity.this,SelectActivity.class);
                intent.putExtra("name",name);
                startActivity(intent);
                dao.add(name);
                userBeen = dao.selAll();

                lvAdapter= new Main_lvAdapter(userBeen,MainActivity.this);
                listView.setAdapter(lvAdapter);
            }
        });


    }
 
 
流式布局：具体可以参考其他博客
    private void initChildView() {
        ViewGroup.MarginLayoutParams lp = new ViewGroup.MarginLayoutParams(
                ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
        lp.leftMargin = 10;
        lp.rightMargin = 10;
        lp.topMargin = 5;
        lp.bottomMargin = 10;
        for(int i = 0; i < mNames.length; i ++){
            TextView view = new TextView(this);
            view.setText(mNames[i]);
            view.setTextColor(Color.WHITE);
            view.setBackgroundDrawable(getResources().getDrawable(R.drawable.liushi_style));
            mFlowLayout.addView(view,lp);
        }

    }

 
 
清空历史记录
    public void delAll(View view) {
        dao.delAll();
        userBeen = dao.selAll();

        lvAdapter= new Main_lvAdapter(userBeen,MainActivity.this);
        listView.setAdapter(lvAdapter);
    }
}
 
 
 
 
数据库：
 
 
Dao:
 
 
public class Dao {

    private final MyOpenHelper mo;
    private SQLiteDatabase db;

    public Dao(Context context) {
        mo = new MyOpenHelper(context);
    }

    public void add(String name){
        db = mo.getWritableDatabase();
        db.execSQL("insert into stu values(null,?)",new String[]{name});

    }
    public  List<UserBean> selAll(){
        db = mo.getReadableDatabase();
        Cursor query = db.rawQuery("select * from stu", null);
        List<UserBean> list=new ArrayList<>();
        while (query.moveToNext()){
            int id=query.getInt(0);
            String name=query.getString(1);
            UserBean bean=new UserBean(id,name);
            list.add(bean);
        }
        return list;
    }
    public void delAll(){
        db.execSQL("delete from stu");
    }
    public void delID(int id){
        db.execSQL("delete from stu where id=?",new String[]{id+""});
    }
}
 
 
 
 
holder:
 
 
public class MyOpenHelper extends SQLiteOpenHelper{
    public MyOpenHelper(Context context) {
        super(context, "user.db", null, 1);
    }



    @Override
    public void onCreate(SQLiteDatabase db) {
        db.execSQL("create table stu(id integer primary key,name varchar)");

    }

    @Override
    public void onUpgrade(SQLiteDatabase sqLiteDatabase, int i, int i1) {

    }
}

 
 
 
 
                    点击搜索实现跳转
 
 
 
 
布局：
 
 
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:orientation="vertical"
    tools:context="com.example.week3_lianxi.view.activity.SelectActivity">
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="60dp">
        <ImageView
            android:id="@+id/fanhui"
            android:layout_width="20dp"
            android:layout_height="20dp"
            android:layout_alignParentLeft="true"
            android:layout_centerVertical="true"
            android:layout_marginLeft="15dp"
            android:src="@drawable/icon_back"/>
        <EditText
            android:id="@+id/sel_name"
            android:layout_width="250dp"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:hint="多功能插座"/>
        <ImageView
            android:id="@+id/selimg"
            android:layout_width="25dp"
            android:layout_height="25dp"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:layout_marginRight="15dp"
            android:src="@drawable/kind_liner"
            />
        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:layout_alignParentBottom="true"
            android:background="#cdcdcd" />
    </RelativeLayout>

这里用的是XRectclerView刷新
    <com.jcodecraeer.xrecyclerview.XRecyclerView
        android:id="@+id/xrecycle_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </com.jcodecraeer.xrecyclerview.XRecyclerView>

</LinearLayout>
activity代码
public class SelectActivity extends AppCompatActivity implements Sel_view_face{
    List<SeleBean.DataBean> listAll=new ArrayList<>();
    private XRecyclerView xRecyclerView;
    private SelPresenter selPresenter;
    private EditText editname;
    private int page_num=1;
    private ImageView image;
    private boolean falg=false;
    //private List<SeleBean.DataBean> data;

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

        //获取ID
        xRecyclerView = (XRecyclerView) findViewById(R.id.xrecycle_view);
        editname = (EditText) findViewById(R.id.sel_name);
        image = (ImageView) findViewById(R.id.selimg);
        //获取intent传过来的值
        String name = getIntent().getStringExtra("name");
        editname.setText(name);


        selPresenter = new SelPresenter(this);
        //向P层传值
        selPresenter.setData(page_num,name, ApiUrl.sel_url);



    }

    private void setGvClick(Sel_GvAdapter adapter) {
        adapter.setOnItemClickListener(new MyOnItemClickListener() {
            @Override
            public void OnItemClickListener(View view, int position) {
                Toast.makeText(SelectActivity.this,"点击了"+position,Toast.LENGTH_SHORT).show();
                Intent intent=new Intent(SelectActivity.this,GoodsActivity.class);
                intent.putExtra("pid",listAll.get(position).getPid());
                startActivity(intent);
            }
        });
    }


    @Override
    public void setvSuccess(final SeleBean seleBean) {
        Log.d("bean",seleBean.toString()+"--------------------");
        //data = seleBean.getData();
        //Log.d("data", data.toString());
        runOnUiThread(new Runnable() {
            @Override
            public void run() {

                xRecyclerView.setLayoutManager(new LinearLayoutManager(SelectActivity.this,LinearLayoutManager.VERTICAL,false));
                listAll.addAll(seleBean.getData());
                final Sel_LvAdapter adapter=new Sel_LvAdapter(listAll,SelectActivity.this);
                xRecyclerView.setAdapter(adapter);

                setLvClick(adapter);


                image.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View view) {
                        falg=!falg;
                        if(falg){
                            image.setImageResource(R.drawable.kind_grid);
                            xRecyclerView.setLayoutManager(new GridLayoutManager(SelectActivity.this,2));
                            listAll.addAll(seleBean.getData());
                            Sel_GvAdapter adapter=new Sel_GvAdapter(listAll,SelectActivity.this);
                            xRecyclerView.setAdapter(adapter);

                            setGvClick(adapter);
                            falg=true;
                        }
                        if (falg==false){
                            image.setImageResource(R.drawable.kind_liner);
                            xRecyclerView.setLayoutManager(new LinearLayoutManager(SelectActivity.this,LinearLayoutManager.VERTICAL,false));
                            listAll.addAll(seleBean.getData());
                            Sel_LvAdapter adapter=new Sel_LvAdapter(listAll,SelectActivity.this);
                            xRecyclerView.setAdapter(adapter);
                            setLvClick(adapter);
                            falg=false;

                        }
                    }
                });



                //刷新进度条样式
                xRecyclerView.setRefreshProgressStyle(ProgressStyle.BallSpinFadeLoader);
                xRecyclerView.setLoadingMoreProgressStyle(ProgressStyle.Pacman);
                //xRecyclerView.setArrowImageView();
                xRecyclerView.setLoadingListener(new XRecyclerView.LoadingListener() {
                    @Override
                    public void onRefresh() {

                       new Handler().postDelayed(new Runnable() {
                           @Override
                           public void run() {
                                //listAll.clear();List<SeleBean.DataBean> data = seleBean.getData();
                               listAll.addAll(0,seleBean.getData());


                               if(falg==true){

                                   //xRecyclerView.setLayoutManager(new GridLayoutManager(SelectActivity.this,2));
                                   Sel_GvAdapter adapter=new Sel_GvAdapter(listAll,SelectActivity.this);
                                   xRecyclerView.setAdapter(adapter);
                                  // falg=true;
                                   setGvClick(adapter);
                               }
                                if (falg==false){

                                   //xRecyclerView.setLayoutManager(new LinearLayoutManager(SelectActivity.this,LinearLayoutManager.VERTICAL,false));
                                   Sel_LvAdapter adapter=new Sel_LvAdapter(listAll,SelectActivity.this);
                                   xRecyclerView.setAdapter(adapter);
                                   //falg=false;
                                    setLvClick(adapter);
                               }
                               xRecyclerView.refreshComplete();

                           }
                       },3000);
                    }

                    @Override
                    public void onLoadMore() {
                        page_num++;
                        Log.d("page",page_num+"-------------------");
                        new Handler().postDelayed(new Runnable() {
                            @Override
                            public void run() {
                                listAll.addAll(seleBean.getData());
                                //falg=!falg;
                                if(falg==true){

                                    //xRecyclerView.setLayoutManager(new GridLayoutManager(SelectActivity.this,2));
                                    Sel_GvAdapter adapter=new Sel_GvAdapter(listAll,SelectActivity.this);
                                    xRecyclerView.setAdapter(adapter);
                                   // falg=true;
                                    setGvClick(adapter);
                                }
                                 if (falg==false){

                                  // xRecyclerView.setLayoutManager(new LinearLayoutManager(SelectActivity.this,LinearLayoutManager.VERTICAL,false));
                                    Sel_LvAdapter adapter=new Sel_LvAdapter(listAll,SelectActivity.this);
                                    xRecyclerView.setAdapter(adapter);
                                   // falg=false;
                                     setLvClick(adapter);
                                }
                                xRecyclerView.loadMoreComplete();

                            }
                        },2000);
                    }
                });

            }
        });

    }

    private void setLvClick(Sel_LvAdapter adapter) {
        adapter.setOnItemClickListener(new MyOnItemClickListener() {
            @Override
            public void OnItemClickListener(View view, int position) {
                Toast.makeText(SelectActivity.this,"点击了"+position,Toast.LENGTH_SHORT).show();
                Intent intent=new Intent(SelectActivity.this,GoodsActivity.class);
                intent.putExtra("pid",listAll.get(position).getPid());
                startActivity(intent);


            }
        });
    }

    @Override
    public void setvError(String s) {

    }


}
因为有条目的点击，所以这里就写一个recyclerview的适配器：
public class Sel_LvAdapter extends RecyclerView.Adapter<Sel_LvHolder>{
    List<SeleBean.DataBean> data;
    Context con;
    List<String> imgs=new ArrayList<>();
    private MyOnItemClickListener itemClickListener;


    public Sel_LvAdapter(List<SeleBean.DataBean> data, Context con) {
        this.data = data;
        this.con = con;
    }

    @Override
    public Sel_LvHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(con).inflate(R.layout.goods_lv_child, parent, false);
        final Sel_LvHolder holder=new Sel_LvHolder(view);


        return holder;
    }

    @Override
    public void onBindViewHolder(final Sel_LvHolder holder, final int position) {

        for (int i = 0; i< data.size(); i++){
            String[] images = data.get(i).getImages().split("\\|");
            Log.d("iiiii",images.toString());
            for (int j=0;j<images.length;j++){
                imgs.add(images[j]);
            }
        }

        ImageLoader.getInstance().displayImage(imgs.get(position),holder.img, ImageUtil.getoption());
        holder.price.setText("￥"+data.get(position).getPrice());
        holder.title.setText(data.get(position).getTitle());	
	点击，使用的是接口
        if (itemClickListener!=null){
            holder.itemView.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {

                    itemClickListener.OnItemClickListener(holder.itemView,holder.getLayoutPosition());
                }
            });
        }



    }

    @Override
    public int getItemCount() {
        return data.size();
    }
    /**
     * 列表点击事件
     *
     * @param itemClickListener
     */
    public void setOnItemClickListener(MyOnItemClickListener itemClickListener) {
        this.itemClickListener = itemClickListener;
    }

}
点击事件的接口：
public interface MyOnItemClickListener {
    void OnItemClickListener(View view, int position);

}
               点击条目跳转到商品详情：
布局：
<LinearLayout
    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:orientation="vertical"
    android:layout_height="match_parent" tools:context=".view.activity.GoodsActivity">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:layout_marginTop="10dp"
        android:layout_marginBottom="10dp"
        >
        <ImageView
            android:id="@+id/goods_fh"
            android:layout_width="20dp"
            android:layout_height="20dp"
            android:layout_alignParentLeft="true"
            android:layout_centerVertical="true"
            android:layout_marginLeft="15dp"
            android:src="@drawable/icon_back"/>

        <TextView

            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:textSize="20dp"
            android:text="商品详情"
            />
        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:layout_alignParentBottom="true"
            android:background="#cdcdcd"/>
    </RelativeLayout>

    <com.stx.xhb.xbanner.XBanner
        android:id="@+id/banner"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="300dp"
        app:AutoPlayTime="3000"
        app:pointsContainerBackground="#44aaaaaa"
        app:pointsPosition="RIGHT"
        app:tipTextSize="12sp"
        app:isShowNumberIndicator="true"
        app:isShowIndicatorOnlyOne="true"
        app:pageChangeDuration="800">

    </com.stx.xhb.xbanner.XBanner>

    <TextView
        android:id="@+id/title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
    <TextView
        android:id="@+id/yj"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"
        android:layout_marginBottom="5dp"
        android:text="原价"/>
    <TextView
        android:id="@+id/yh"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColor="#ff00"
        android:text="优惠"/>
    <Button
        android:id="@+id/addgw"
        android:onClick="btn"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="加入购物车"/>

</LinearLayout>
activity代码：
public class GoodsActivity extends AppCompatActivity implements Good_view_face,Add_view_face{
    List<String> imgs=new ArrayList<>();
    private XBanner xBanner;
    private TextView title;
    private TextView yjprice;
    private TextView yhprice;
    private GoodsPresenter goodsPresenter;
    private AddPresenter addPresenter;
    private int uid=2815;
    private Button button;
    private ImageView fh;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_goods);
        xBanner = (XBanner) findViewById(R.id.banner);
        title = (TextView) findViewById(R.id.title);
        yjprice = (TextView) findViewById(R.id.yj);
        yhprice = (TextView) findViewById(R.id.yh);
        button = (Button) findViewById(R.id.addgw);
        fh = (ImageView) findViewById(R.id.goods_fh);

        int pid = getIntent().getIntExtra("pid", 0);
        goodsPresenter = new GoodsPresenter(this);
        goodsPresenter.setData(pid, ApiUrl.xq_url);


        addPresenter = new AddPresenter(this);
        addPresenter.setData(uid,pid,ApiUrl.add_gwcurl);



    }

    @Override
    public void setvSuccess(final GoodsBean goodsBean) {
        runOnUiThread(new Runnable() {
            @Override
            public void run() {


                fh.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View view) {
                        finish();
                    }
                });


                GoodsBean.DataBean data = goodsBean.getData();
                Log.d("---",data.getImages());
                String[] images = data.getImages().split("\\|");
                for (int i=0;i<images.length;i++){
                    imgs.add(images[i]);
                }
                Log.d("---",imgs.toString());
                xBanner.setData(imgs,null);
                xBanner.setmAdapter(new XBanner.XBannerAdapter() {
                    @Override
                    public void loadBanner(XBanner banner, Object model, View view, int position) {
                        Glide.with(GoodsActivity.this).load(imgs.get(position)).into((ImageView) view);
                    }
                });

                title.setText(data.getTitle());
                yjprice.setText("原价："+data.getPrice());
                yhprice.setText("优惠价："+data.getBargainPrice());
                yjprice.getPaint().setFlags(Paint. STRIKE_THRU_TEXT_FLAG ); //中间横线



            }
        });
    }

    @Override
    public void setvSuccess(final SucessBean sucessBean) {
        runOnUiThread(new Runnable() {
            @Override
            public void run() {
                button.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View view) {
                        String code = sucessBean.getCode();
                        if ("0".equals(code)){
                            Toast.makeText(GoodsActivity.this,sucessBean.getMsg(),Toast.LENGTH_SHORT).show();
                        }else {
                            Toast.makeText(GoodsActivity.this,sucessBean.getMsg(),Toast.LENGTH_SHORT).show();
                        }
                    }
                });

            }
        });
    }

    @Override
    public void setvError(String s) {

    }


}
 
 
 
 
 

 

 
 
 

 

 
 
 


                

        

    

  



    


                



	

		

			

				
					
Android 仿京东搜索历史之自定义ViewGroup

				
			

			

				

					01-03
				

			

		

		

			
				
仿照京东搜索历史中，如果textview一行显示不全则进行换行。
先上图！！！

如图所示，自定义viewgroup实现京东搜索历史效果。
 自定义ViewGroup详解
首先我们来讲一下实现原理，自定义viewgroup实现的步骤：
重写onMesure() 方法计算子view的高度和
	重写onLayout() 方法计算子view的摆放位置
onMesure方法详解
onMesure方法是计算当前控件摆放子view后的总高度，我们的例子中计算高度的逻辑为，遍历子view，然后子view的宽度一直累加，如果子view的累加宽度大于viewgroup的总宽度，那么就应该把上一个子view换行显

			
		

	



                

            
              



	

		

			

				
					
仿京东搜索

				
			

			

				

					blgktlp的博客
				

				

					12-10
					
					572
					
				

			

		

		

			
				
效果图


权限

xml version="1.0" encoding="utf-8"?>
manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="samsung.com.searchproduct">
    uses-permission android:name="andro

			
		

	



              


  
              

                


	

		

			

				
					
ElasticSearch学习 （三）模仿京东搜索 仅后台

				
			

			

				

					qq_51088445的博客
				

				

					10-22
					
					520
					
				

			

		

		

			
				
集成jsoup
   <dependency>
      <!-- jsoup HTML parser library @ https://jsoup.org/ -->
      <groupId>org.jsoup</groupId>
      <artifactId>jsoup</artifactId>
      <version>1.10.2</version>
    </dependenc

			
		

	





	

		

			

				
					
仿京东搜索（JavaScript实现）

				
			

			

				

					zp1455604302的博客
				

				

					01-10
					
					483
					
				

			

		

		

			
				
效果如图

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
	  *{
	  	margin:0;
	  	padding:0;
	  	border:0;
	  }
...

			
		

	



		

			
		



	

		

			

				
					
Android开发实现仿京东商品搜索选项卡弹窗功能

				
			

			

				

					08-28
				

			

		

		

			
				
主要介绍了Android开发实现仿京东商品搜索选项卡弹窗功能,涉及Android布局及事件响应相关操作技巧,需要的朋友可以参考下

			
		

	





	

		

			

				
					
Android 仿京东首页 淘宝首页双层吸顶效果 悬停效果

				
			

			

				

					12-12
				

			

		

		

			
				
总之，"Android 仿京东首页 淘宝首页双层吸顶效果 悬停效果"是一个涉及到Android高级布局和动画技术的项目。通过熟练运用`CoordinatorLayout`家族的组件以及Java代码的动态控制，开发者可以为用户提供更加直观和便捷...

			
		

	





	

		

			

				
					
Android仿京东顶部搜索框滑动伸缩动画效果

				
			

			

				

					08-25
				

			

		

		

			
				
总结起来，实现Android仿京东顶部搜索框滑动伸缩动画效果的关键在于自定义滑动控件，监听滑动事件，以及通过动画技术调整标题栏和搜索框的高度。这样的设计不仅提高了界面的交互性，也为用户提供了更为流畅的操作...

			
		

	





	

		

			

				
					
Android 仿京东顶部搜索框滑动伸缩动画效果.zip

				
			

			

				

					10-16
				

			

		

		

			
				
本项目"Android 仿京东顶部搜索框滑动伸缩动画效果.zip"提供了一个示例，即"demo"文件，用于演示如何在Android应用中实现这一功能。  首先，我们需要理解这个动画效果的基本原理。当用户向下滚动屏幕时，搜索框会...

			
		

	





	

		

			

				
					
Android仿京东搜索框渐变效果

				
			

			

				

					08-25
				

			

		

		

			
				
在Android应用开发中，创建吸引用户的交互体验是至关重要的，其中一种常见的设计手法是通过动态效果来提升用户体验，比如京东搜索框的渐变效果。这个效果会在用户滚动屏幕时，搜索框及其相关元素逐渐变化，增加了...

			
		

	





	

		

			

				
					
Android 仿2016版京东筛选

				
			

			

				

					weixin_33757911的博客
				

				

					12-13
					
					141
					
				

			

		

		

			
				
京东筛选更新了，很好，很炫酷。那什么，我们也不差是吧，于是就有了这个demo。话不多说，先看图，不想看代码的朋友，直接点底部下demo。

图1里面呢，就两点，弹出的PopupWindow的高度为屏幕高的一半，另一半为半透明高端黑，简单点就用weight属性来写，方便快捷。然后在上半部分写个GridView，在GridView的底部有个LinearLayout，用来放俩Button，但是Butto...

			
		

	





	

		

			

				
					
使用CoordinatorLayout协调者布局实现仿京东发现页面效果

				
			

			

				

					03-28
				

			

		

		

			
				
使用CoordinatorLayout协调者布局实现仿京东发现页面效果，有兴趣的可以深入研究下，相关博客https://blog.youkuaiyun.com/hq942845204/article/details/88844272

			
		

	





	

		

			

				
					
京东高级搜索

				
			

			

				

					11-15
				

			

		

		

			
				
仿京东高级搜索，实现分类搜索，就想简单的上传一下，怎么那么难

			
		

	





	

		

			

				
					
仿天猫，京东搜索栏

				
			

			

				

					11-08
				

			

		

		

			
				
仿天猫，京东搜索栏
[注意：本资源来自网络，如有侵权，请联系我删除，谢谢。]

			
		

	





	

		

			

				
					
仿京东首页搜索框

				
			

			

				

					XiaoZhuang__的博客
				

				

					12-29
					
					4491
					
				

			

		

		

			
				
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/aa">

    <FrameLayout

			
		

	





	

		

			

				
					
仿京东搜索界面，姑且叫做标签式布局吧

				
			

			

				

					shadow066的专栏
				

				

					03-28
					
					2887
					
				

			

		

		

			
				
之前在群里经常看到有人问类似的布局是如何实现的？
一些热词看似凌乱的布局，其实是有一定规律的，每一行尽可能存放更多的View .
之前由于时间问题，只是简单的在群里说了一下我的思路。
最近待业，也闲来无事，随便写了些。。。
还请大牛指点。。。






以下为实现效果图







思路：View在界面呈现之前是没有高度和宽度的，我们可以这样，先将界面呈

			
		

	





	

		

			

				
					
Android 仿京东搜索页面

				
			

			

				

					xiaozhang0414的博客
				

				

					01-18
					
					4282
					
				

			

		

		

			
				
//自定义titlepackage com.bawei.com.zhouliumoni1.Views;import android.content.Context;import android.util.AttributeSet;import android.view.LayoutInflater;import android.view.View;import android.widget.But

			
		

	





	

		

			

				
					
Android仿淘宝历史搜索效果

				
			

			

				

					Abner_Crazy的博客
				

				

					09-18
					
					1520
					
				

			

		

		

			
				
一、效果图

     

二、原理分析

以后有时间给大家分析

三、代码链接

https://download.youkuaiyun.com/download/Abner_Crazy/12859207


			
		

	





	

		

			

				
					
ionic4.x仿京东 - 6.3.搜索-搜索历史记录

				
			

			

				

					ZYYzyy1993的博客
				

				

					09-10
					
					242
					
				

			

		

		

			
				
一、创建服务并引用

1. 创建localStorage的公共服务，存储历史搜索记录

ionic g service services/storage

2. 【app.module.ts】里做配置

import{StorageService}from'./services/storage.service';



3.在需要使用的地方【search.page.ts】引入

import{StorageService}from'../services/storage.service'...

			
		

	





	

		

			

				
					
搜索加商品列表加排序

				
			

			

				

					yaozhipu的博客
				

				

					12-20
					
					1324
					
				

			

		

		

			
				
搜索的布局


    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:layo

			
		

	





	

		

			

				
					
打造Android仿京东首页效果与吸顶交互

				
			

			

				

					
				

			

		

		

			
				
 - 在实现上，可以通过监听滚动事件，并在适当的时候改变搜索框的布局属性（如将其定位属性改为`fixed`或`sticky`）来实现吸顶效果。  - 在Android中，这通常涉及到对`RecyclerView`的控制和对布局参数的修改。  4. ...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值