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

于 2021-05-25 18:13:47 发布
阅读量580 收藏 1
点赞数
文章标签： android 京东商品筛选功能

本文实例讲述了Android开发实现仿京东商品搜索选项卡弹窗功能。分享给大家供大家参考，具体如下：

一、效果图：

149c5cd5ce4b40a930bfaf58408ddc3b.gif

二、思路：

(1)首先顶部布局由通过LinearLayout水平按比重平均分配各个item宽度。

(2)每个item设置两种状态，点击状态与未点击状态

(3)弹窗由PopupWindow实现

三、布局

(1)item布局

android:id="@+id/rl_priority_filter"

android:layout_width="fill_parent"

android:layout_height="@dimen/dp38"

android:layout_below="@+id/v_line_1"

android:background="@color/f8f8f8"

android:paddingTop="@dimen/dp7" >

android:id="@+id/v_line"

android:layout_width="match_parent"

android:layout_height="@dimen/px1"

android:layout_alignParentBottom="true"

android:layout_marginTop="-1dp"

android:background="@color/e5e5e5"

android:visibility="gone" />

android:layout_width="match_parent"

android:layout_height="fill_parent"

android:layout_marginLeft="@dimen/dp8"

android:layout_marginRight="@dimen/dp8"

android:orientation="horizontal" >

android:id="@+id/ll_priority_1"

android:layout_width="@dimen/dp0"

android:layout_height="@dimen/dp24"

android:layout_weight="1"

android:background="@drawable/rounded_priority_search"

android:gravity="center"

android:orientation="horizontal"

android:visibility="invisible" >

android:id="@+id/tv_condition_1"

android:layout_width="wrap_content"

android:layout_height="@dimen/dp24"

android:gravity="center"

android:text="品牌品牌"

android:textSize="@dimen/sp13"

android:textColor="@color/c_666666"/>

android:id="@+id/iv_codition_tip1"

android:layout_width="@dimen/dp8"

android:layout_height="@dimen/dp4"

android:layout_marginLeft="@dimen/dp4"

android:background="@drawable/priority_search_down"

android:contentDescription="@string/img_desc" />

android:id="@+id/ll_priority_2"

android:layout_width="@dimen/dp0"

android:layout_height="@dimen/dp24"

android:layout_marginLeft="@dimen/dp14"

android:layout_weight="1"

android:background="@drawable/rounded_priority_search"

android:gravity="center"

android:orientation="horizontal"

android:visibility="invisible" >

android:id="@+id/tv_condition_2"

android:layout_width="wrap_content"

android:layout_height="@dimen/dp24"

android:gravity="center"

android:text="品牌时间"

android:textSize="@dimen/sp13"

android:textColor="@color/c_666666"/>

android:id="@+id/iv_codition_tip2"

android:layout_width="@dimen/dp8"

android:layout_height="@dimen/dp4"

android:layout_marginLeft="@dimen/dp4"

android:background="@drawable/priority_search_down"

android:contentDescription="@string/img_desc" />

android:id="@+id/ll_priority_3"

android:layout_width="@dimen/dp0"

android:layout_height="@dimen/dp24"

android:layout_marginLeft="@dimen/dp14"

android:layout_weight="1"

android:background="@drawable/rounded_priority_search"

android:gravity="center"

android:orientation="horizontal"

android:visibility="invisible" >

android:id="@+id/tv_condition_3"

android:layout_width="wrap_content"

android:layout_height="@dimen/dp24"

android:gravity="center"

android:text="上市品牌"

android:textSize="@dimen/sp13"

android:textColor="@color/c_666666" />

android:id="@+id/iv_codition_tip3"

android:layout_width="@dimen/dp8"

android:layout_height="@dimen/dp4"

android:layout_marginLeft="@dimen/dp4"

android:background="@drawable/priority_search_down"

android:contentDescription="@string/img_desc" />

android:id="@+id/ll_priority_4"

android:layout_width="@dimen/dp0"

android:layout_height="@dimen/dp24"

android:layout_marginLeft="@dimen/dp14"

android:layout_weight="1"

android:background="@drawable/rounded_priority_search"

android:gravity="center"

android:orientation="horizontal"

android:visibility="invisible" >

android:id="@+id/tv_condition_4"

android:layout_width="wrap_content"

android:layout_height="@dimen/dp24"

android:gravity="center"

android:text="上市时间"

android:textSize="@dimen/sp13"

android:textColor="@color/c_666666"/>

android:id="@+id/iv_codition_tip4"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginLeft="@dimen/dp4"

android:background="@drawable/priority_search_down"

android:contentDescription="@string/img_desc" />

(2)点击item与未点击item背景

(2.1)点击item背景

android:shape="rectangle" >

android:bottom="@dimen/dp2"

android:left="@dimen/dp0"

android:right="@dimen/dp0"

android:top="@dimen/dp2" />

android:width="@dimen/px1"

android:color="@color/e5e5e5" />

(2.2)未点击item背景

android:bottomLeftRadius="0dp"

android:bottomRightRadius="0dp"

android:topLeftRadius="@dimen/dp4"

android:topRightRadius="@dimen/dp4" />

android:left="@dimen/px1"

android:right="@dimen/px1"

android:top="@dimen/px1"

android:bottom="@dimen/dp0">

android:bottomLeftRadius="0dp"

android:bottomRightRadius="0dp"

android:topLeftRadius="@dimen/dp4"

android:topRightRadius="@dimen/dp4" />

android:bottom="@dimen/dp2"

android:left="@dimen/dp0"

android:right="@dimen/dp0"

android:top="-4dp" />

(3)item切换逻辑

/**

* 设置优先筛选弹窗选中类型

*

* @Description

* @author XiongJie

* @param selectType

*/

public void setSelectState(int selectType) {

//4、设置每个筛选条件布局的参数

switch (selectType) {

case 0:

v_line.setVisibility(View.VISIBLE);

llPriority1.setBackgroundResource(R.drawable.rounded_priority_search_selected);

llPriority2.setBackgroundResource(R.drawable.rounded_priority_search);

llPriority3.setBackgroundResource(R.drawable.rounded_priority_search);

llPriority4.setBackgroundResource(R.drawable.rounded_priority_search);

ivCoditionTip1.setBackgroundResource(R.drawable.priority_search_up);

ivCoditionTip2.setBackgroundResource(R.drawable.priority_search_down);

ivCoditionTip3.setBackgroundResource(R.drawable.priority_search_down);

ivCoditionTip4.setBackgroundResource(R.drawable.priority_search_down);

params21.setMargins((int) DisplayUtil.dip2px(SearchResultActivity.this, 18), 0, 0, 0);

params31.setMargins((int) DisplayUtil.dip2px(SearchResultActivity.this, 18), 0, 0, 0);

params41.setMargins((int) DisplayUtil.dip2px(SearchResultActivity.this, 18), 0, 0, 0);

llPriority1.setLayoutParams(params12);

llPriority2.setLayoutParams(params21);

llPriority3.setLayoutParams(params31);

llPriority4.setLayoutParams(params41);

break;

case 1:

v_line.setVisibility(View.VISIBLE);

llPriority1.setBackgroundResource(R.drawable.rounded_priority_search);

llPriority2.setBackgroundResource(R.drawable.rounded_priority_search_selected);

llPriority3.setBackgroundResource(R.drawable.rounded_priority_search);

llPriority4.setBackgroundResource(R.drawable.rounded_priority_search);

ivCoditionTip1.setBackgroundResource(R.drawable.priority_search_down);

ivCoditionTip2.setBackgroundResource(R.drawable.priority_search_up);

ivCoditionTip3.setBackgroundResource(R.drawable.priority_search_down);

ivCoditionTip4.setBackgroundResource(R.drawable.priority_search_down);

params22.setMargins((int) DisplayUtil.dip2px(SearchResultActivity.this, 18), 0, 0, 0);

params31.setMargins((int) DisplayUtil.dip2px(SearchResultActivity.this, 18), 0, 0, 0);

params41.setMargins((int) DisplayUtil.dip2px(SearchResultActivity.this, 18), 0, 0, 0);

llPriority1.setLayoutParams(params11);

llPriority2.setLayoutParams(params22);

llPriority3.setLayoutParams(params31);

llPriority4.setLayoutParams(params41);

break;

case 2:

v_line.setVisibility(View.VISIBLE);

llPriority1.setBackgroundResource(R.drawable.rounded_priority_search);

llPriority2.setBackgroundResource(R.drawable.rounded_priority_search);

llPriority3.setBackgroundResource(R.drawable.rounded_priority_search_selected);

llPriority4.setBackgroundResource(R.drawable.rounded_priority_search);

ivCoditionTip1.setBackgroundResource(R.drawable.priority_search_down);

ivCoditionTip2.setBackgroundResource(R.drawable.priority_search_down);

ivCoditionTip3.setBackgroundResource(R.drawable.priority_search_up);

ivCoditionTip4.setBackgroundResource(R.drawable.priority_search_down);

params21.setMargins((int) DisplayUtil.dip2px(SearchResultActivity.this, 18), 0, 0, 0);

params32.setMargins((int) DisplayUtil.dip2px(SearchResultActivity.this, 18), 0, 0, 0);

params41.setMargins((int) DisplayUtil.dip2px(SearchResultActivity.this, 18), 0, 0, 0);

llPriority1.setLayoutParams(params11);

llPriority2.setLayoutParams(params21);

llPriority3.setLayoutParams(params32);

llPriority4.setLayoutParams(params41);

break;

case 3:

v_line.setVisibility(View.VISIBLE);

llPriority1.setBackgroundResource(R.drawable.rounded_priority_search);

llPriority2.setBackgroundResource(R.drawable.rounded_priority_search);

llPriority3.setBackgroundResource(R.drawable.rounded_priority_search);

llPriority4.setBackgroundResource(R.drawable.rounded_priority_search_selected);

ivCoditionTip1.setBackgroundResource(R.drawable.priority_search_down);

ivCoditionTip2.setBackgroundResource(R.drawable.priority_search_down);

ivCoditionTip3.setBackgroundResource(R.drawable.priority_search_down);

ivCoditionTip4.setBackgroundResource(R.drawable.priority_search_up);

params21.setMargins((int) DisplayUtil.dip2px(SearchResultActivity.this, 18), 0, 0, 0);

params31.setMargins((int) DisplayUtil.dip2px(SearchResultActivity.this, 18), 0, 0, 0);

params42.setMargins((int) DisplayUtil.dip2px(SearchResultActivity.this, 18), 0, 0, 0);

llPriority1.setLayoutParams(params11);

llPriority2.setLayoutParams(params21);

llPriority3.setLayoutParams(params31);

llPriority4.setLayoutParams(params42);

break;

case 4:

v_line.setVisibility(View.GONE);

llPriority1.setBackgroundResource(R.drawable.rounded_priority_search);

llPriority2.setBackgroundResource(R.drawable.rounded_priority_search);

llPriority3.setBackgroundResource(R.drawable.rounded_priority_search);

llPriority4.setBackgroundResource(R.drawable.rounded_priority_search);

ivCoditionTip1.setBackgroundResource(R.drawable.priority_search_down);

ivCoditionTip2.setBackgroundResource(R.drawable.priority_search_down);

ivCoditionTip3.setBackgroundResource(R.drawable.priority_search_down);

ivCoditionTip4.setBackgroundResource(R.drawable.priority_search_down);

params21.setMargins((int) DisplayUtil.dip2px(SearchResultActivity.this, 18), 0, 0, 0);

params31.setMargins((int) DisplayUtil.dip2px(SearchResultActivity.this, 18), 0, 0, 0);

params41.setMargins((int) DisplayUtil.dip2px(SearchResultActivity.this, 18), 0, 0, 0);

llPriority1.setLayoutParams(params11);

llPriority2.setLayoutParams(params21);

llPriority3.setLayoutParams(params31);

llPriority4.setLayoutParams(params41);

break;

}

}

(4)PopupWindow逻辑

package com.sanweidu.TddPay.activity.trader.search;

import java.util.ArrayList;

import com.sanweidu.TddPay.R;

import com.sanweidu.TddPay.adapter.CoditionAdapter;

import com.sanweidu.TddPay.bean.ValueBean;

import android.app.Activity;

import android.content.SharedPreferences;

import android.content.SharedPreferences.Editor;

import android.graphics.drawable.BitmapDrawable;

import android.view.KeyEvent;

import android.view.LayoutInflater;

import android.view.MotionEvent;

import android.view.View;

import android.view.View.OnClickListener;

import android.view.View.OnKeyListener;

import android.view.View.OnTouchListener;

import android.view.ViewGroup.LayoutParams;

import android.view.WindowManager;

import android.widget.Button;

import android.widget.GridView;

import android.widget.PopupWindow;

/**

* 优先搜索弹窗

* @Description

* @author XiongJie

* @date 2016年11月2日 下午4:53:31

*/

public class PriorityPopupWindow extends PopupWindow {

/**布局加载器**/

private LayoutInflater inflater;

/** 上下文 **/

private Activity activity;

/** PopupWindow对象 **/

public PopupWindow popupWindow = null;

/**优先筛选条件列表**/

private GridView gvCoditionList;

/** 判断gridview是否进行滚动事件 **/

protected boolean isScroll = false;

/** 绑定显示视图的view **/

protected View view = null;

/**属性值列表**/

private ArrayList valueBeanList;

/**适配器**/

private CoditionAdapter coditionAdapter;

/**重置**/

private Button btReset;

/**确认**/

private Button btConfirm;

/**优先筛选**/

private SharedPreferences priorityPre;

/**搜索类型**/

private int searchType;

/**弹窗阴影部分**/

private View vBg;

/**构造方法**/

public PriorityPopupWindow(){

}

/**初始化弹窗界面**/

public void initPopupWindow(final Activity activity, View view, int layoutID,ArrayList valueBeanList,final SharedPreferences priorityPre,final int searchType){

this.view = view;

this.activity = activity;

this.valueBeanList = valueBeanList;

this.priorityPre = priorityPre;

this.searchType = searchType;

inflater = LayoutInflater.from(activity);

View dialogView = inflater.inflate(layoutID, null);

createPopupWindow(dialogView);

popupWindow = new PopupWindow(dialogView, LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);

// 此处必须设置，否则点击事件无效，选择不了

popupWindow.setBackgroundDrawable(new BitmapDrawable());

// 设置显示动画

// popupWindow.setAnimationStyle(R.style.PopupWindowAinmation);

// 设置边缘点击可消失

popupWindow.setOutsideTouchable(true);

// 设置pop出来后，软键盘的属性，避免pop挡住软键盘，以及pop获取焦点后软键盘会自动隐藏问题

popupWindow.setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE | WindowManager.LayoutParams.SOFT_INPUT_STATE_ALWAYS_VISIBLE);

// 使用该属性时，在滑动pop的时候不会自动弹出软键盘

popupWindow.setInputMethodMode(PopupWindow.INPUT_METHOD_NOT_NEEDED);

// 为了设置返回按钮关闭弹层

popupWindow.setFocusable(true);

dialogView.setOnKeyListener(new OnKeyListener() {

@Override

public boolean onKey(View v, int keyCode, KeyEvent event) {

if (keyCode == KeyEvent.KEYCODE_BACK) {

hidden();

popupWindow.setFocusable(false);

popupWindow.update();

return true; // 消费掉该事件

}

return false;

}

});

/**

* PopupWindow消失时事件

*/

// popupWindow.setOnDismissListener(new OnDismissListener() {

// @Override

// public void onDismiss() {

// //还原优先筛选控件显示状态

// if(activity instanceof SearchResultActivity){

// ((SearchResultActivity)activity).setSelectState(4);

// }

//

// if(null != priorityPre){

// boolean isClickConfirm = priorityPre.getBoolean("isClickConfirm", false);

// Editor editor = priorityPre.edit();

// editor.putInt("searchType", searchType);

// editor.putBoolean("isClickConfirm", isClickConfirm);

// editor.commit();

// }

// hidden();

// popupWindow.setFocusable(false);

// popupWindow.update();

// }

// });

// 手触碰到pop时，获取焦点，以实现点击事件

popupWindow.setTouchInterceptor(new OnTouchListener() {

public boolean onTouch(View v, MotionEvent event) {

// 刚进入pop界面，listveiw滚动标识设为false，pop界面焦点设为true。

isScroll = false;

popupWindow.setFocusable(true);

popupWindow.update();

return false;

}

});

}

/**

* 创建弹窗

* @Description

* @author XiongJie

* @param dialogView

*/

private void createPopupWindow(View dialogView){

initView(dialogView);

initData();

setListener();

}

/**

* @Description 初始化界面控件

* @author XiongJie

* @param dialogView

*/

private void initView(View dialogView) {

gvCoditionList = (GridView) dialogView.findViewById(R.id.gv_codition_list);

btReset = (Button) dialogView.findViewById(R.id.bt_reset);

btConfirm = (Button) dialogView.findViewById(R.id.bt_confirm);

vBg = dialogView.findViewById(R.id.v_bg);

}

/**

* @Description 初始化数据

* @author XiongJie

*/

public void initData() {

coditionAdapter = new CoditionAdapter(activity,gvCoditionList);

coditionAdapter.setData(valueBeanList);

gvCoditionList.setAdapter(coditionAdapter);

btConfirm.setBackgroundColor(activity.getResources().getColor(R.color.c_d82828));

}

/**

* @Description 事件处理

* @author XiongJie

*/

private void setListener() {

btReset.setOnClickListener(new ViewClickListener());

btConfirm.setOnClickListener(new ViewClickListener());

vBg.setOnClickListener(new ViewClickListener());

}

/**

* 返回当前popupWindow是否显示状态

*/

public boolean hasShowing() {

return null == popupWindow ? false : popupWindow.isShowing();

}

/**

* 显示PopupWindow界面

*/

public void show() {

if (hasShowing()) {

return;

}

if (null != activity && !activity.isFinishing()) {

if (null == view) {

view = activity.getWindow().getDecorView();

}

popupWindow.showAsDropDown(view);

}

}

/**

* 隐藏PopupWindow界面

*/

public void hidden() {

if (null == popupWindow) {

return;

}

popupWindow.dismiss();

}

/**

* 按钮点击事件

* @Description

* @author XiongJie

* @date 2016年11月6日 下午4:12:27

*/

class ViewClickListener implements OnClickListener{

@Override

public void onClick(View v) {

switch(v.getId()){

case R.id.bt_reset:

//重置

if(null != valueBeanList && valueBeanList.size() > 0){

for(ValueBean valueBean : valueBeanList){

valueBean.setIsChoose("1002");

}

coditionAdapter.setData(valueBeanList);

}

break;

case R.id.bt_confirm:

//确认

Editor editor = priorityPre.edit();

editor.putInt("searchType", searchType);

editor.putBoolean("isClickConfirm", true);

editor.commit();// 提交修改

hidden();

break;

case R.id.v_bg:

hidden();

break;

}

}

}

/**

* 获取PopupWindow对象

* @Description

* @author XiongJie

* @return

*/

public PopupWindow getPopupWindow() {

return popupWindow;

}

}

希望本文所述对大家Android程序设计有所帮助。

weixin_39548972
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android入门项目（八）Android流式筛选弹框，高级Android开发必看
m0_64382868的博客
11-27 278
数据bean，最简单的设计是typeName + List< child >，其中typeName是模块名字，List< child >是集合。child里可以包含id(child的id)、value(child的文本值)、isSelected(child是否选择) 三、关键代码 适配器FlowPopRecyclerViewAdapter /** Created by zhangyan 2021/01/29 */ public class FlowPopRecyclerVi.
Android仿京东、天猫的筛选列表
看了就忘，学了就废系列
01-24 5787
itemStatus.mViewType = ItemStatus.VIEW_TYPE_SUB_ITEM itemStatus.mGroupItemIndex = i - 1 // 指定的position组索引 val subSize = mDataListTrees[i - 1].sub!!.size // 计算指定的position前，统计的列表项和 val temp = it
Android一个用作筛选的弹窗控件CustomFiltControl
人之所能 是相信能
04-04 1911
注：您正在查看一个停止维护的项目，只供借鉴参考 效果： 起初踩的坑： 刚开始是因为项目中需要用到筛选的功能，以前也遇到过但都是其他同事做的，而我看他们的实现大多都是自己一个个的码布局，然后做事件处理很麻烦，还有的是通过网上的一些线性排列控件自己组合实现的。 如今自己遇到了我开始想的也是通过LinearLayout动态去添加选项，title部分就是也是动态添加，一个打的L...
Android仿京东分类效果
az44yao的专栏
04-05 644
https://www.jb51.net/article/142480.htmhttps://www.jb51.net/article/134957.htm https://www.jb51.net/article/134971.htmhttps://www.jb51.net/article/134953.htm 这篇文章主要为大家详细介绍了Android实现京东App分类页面效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下 今天群里有人问了关于仿京东App分类页面的实现，而我之前正好查过.
Android 下拉搜索提示框的实现
AntDream的程序世界
03-10 8330
项目中用到搜索，需要在用户输入搜索内容时，弹出搜索提示。上网一搜，方法很多，但都觉得麻烦，最终采用的是ListPopupWindow来实现，比较简单先上效果图： ListPopupWindow的使用比较简单: 在需要的地方生成对象： listPopupWindow = new ListPopupWindow(MainActivity.this); 数据源可以是简单的String数组，也可以自定义A
Android开发实现仿京东商品搜索选项卡弹窗功能
08-28
Android开发实现仿京东商品搜索选项卡弹窗功能 Android开发实现仿京东商品搜索选项卡弹窗功能是Android开发中的一种常见功能，主要涉及Android布局及事件响应相关操作技巧。下面将详细介绍该功能的实现步骤和相关...
android仿京东商品属性筛选功能
08-28
总的来说，实现Android仿京东商品属性筛选功能涉及到自定义视图组件、数据处理、用户交互以及性能优化等多个方面，这不仅能够提升用户体验，也是Android开发者必备的技能之一。通过对这些知识点的理解和实践，开发者...
Android开发之选项卡功能的实现方法示例
01-05
本文实例讲述了Android选项卡功能的实现方法。分享给大家供大家参考，具体如下： 选项卡（TabHost）方便的在窗口上设置多个标签页，每个标签页相当于获得一个与外部容器相同大小的组件摆放区域 通过这种方式，可以在...
Android安卓自定义由底部弹出对话框
忆痕惜dxh 的博客
11-02 1094
努力不一定立刻会有好的结果，但一定是朝着好的方向                           ——李尚龙 《你所谓的稳定，不过是在浪费生命》 开发中遇到一个日期选择器的需求，就是界面中有两段文本显示日期，点击之后从底部弹出日期选择器。查阅了很多资料后发现官方有一个DatePicker日期选择器，但是它只有一个日期，而且排版动画也不符合我们得要求，所以废了好的的功夫，把两个DatePi...
Android可筛选的弹窗控件CustomFiltControl
01-04
本文实例为大家分享了Android弹窗控件CustomFiltControl的使用方法，供大家参考，具体内容如下 效果： 起初踩的坑：     刚开始是因为项目中需要用到筛选的功能，以前也遇到过但都是其他同事做的，而我看他们的实现大多都是自己一个个的码布局，然后做事件处理很麻烦，还有的是通过网上的一些线性排列控件自己组合实现的。     如今自己遇到了我开始想的也是通过LinearLayout动态去添加选项，title部分就是也是动态添加，一个打的LinearLayout包两个小的，然后在小的里面又包很多选项，但是遇到要换行的时候又需要添加一个LinearLayout，也就是但是有个问题，
仿携程主页菜单栏滚动置顶&条件筛选之多个单选弹出
07-05
仿携程主页菜单栏滚动置顶以及条件筛选功能，当点击时，点击控件以下弹出选项卡并且选项卡以下部分灰色半透明模板。点击控件以上颜色不变。
Android仿京东淘宝侧滑筛选
04-27
Android仿京东淘宝侧滑筛选控件，分别使用了Popwindow和DrawerLayout实现
Android实现简单下拉筛选框
08-26
主要为大家详细介绍了一款简单灵活的Android下拉筛选框，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
仿京东筛选 不是使用popwindow 和 dialog 做的
08-13
仿京东筛选 不是使用popwindow 和 dialog 做的
Android购物商城项目
热门推荐
weixin_44822939的博客
08-02 2万+
网络商城APP，实现购买，加入购物车，移除商品，实现短信验证登录和定位
Android 仿京东淘宝筛选侧滑，两种实现方式
qq_34163551的博客
04-27 6662
前两天看个朋友搞个用PopWindow搞了个筛选侧滑，看了下需求也不麻烦，刚好最近也有个商城项目前几天也学习了下Popwindow(以前侧滑都是用DrawerLayout实现的)，就顺手写了下，分别用PopWindow和DrawerLayout实现了先说说DrawerLayout吧，这个是谷歌在V4包下增加的一个控件，出来也挺久了，使用起来也比较简单。。。。先看下效果图使用起来也不麻烦，主要是布局...
Android 仿2016版京东筛选
黑猫很紧张___的博客
07-18 1万+
之前传了github，忘了更新，给大家带来的不便请谅解！ https://github.com/SimbaLiu/filter.github.io 京东筛选更新了，很好，很炫酷。那什么，我们也不差是吧，于是就有了这个demo。话不多说，先看图，不想看代码的朋友，直接点底部下demo。 图1里面呢，就两点，弹出的PopupWindow的高度为屏幕高的一半，另一半为半透明高端黑，简单...
仿淘宝京东商品规格属性选择的最简单实现
gemgao的博客
06-18 5180
仿淘宝京东商品规格属性选择的最简单实现 商城里面的规格选择，网上大部分是自定义控件实现的，显得很是麻烦，而我的实现方式是大家最常用的控件RecyclerView，特点是性能好，简单。废话不多说，先看实现的效果图： 上图效果的实现主要是 RecyclerView和flowlayout（流式布局）. RecyclerView设置最大高度 如图规格多的时候，RecyclerView要有个最大高度，...
20 Flutter仿京东商城项目 商品详情 底部弹出筛选属性 以及筛选属性页面布局...
weixin_30522095的博客
09-04 374
ProductContentFirst.dart import 'package:flutter/material.dart'; import '../../widget/JdButton.dart'; import '../../services/ScreenAdaper.dart'; class ProductContentFirst extends Statef...
两类实现Android蓝牙聊天发送与接收功能详解
在Android平台上实现蓝牙通信聊天功能，开发者通过两个关键类——主界面类和蓝牙聊天服务类，简化了整个过程。这个示例代码展示了如何利用蓝牙技术进行点对点通信。主要步骤如下： 1. **创建蓝牙聊天服务类**...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值