热卖商品布局效果如下图: 这个布局跟我们上节做的推荐是一样的,也是用LinearLayout和GridView去实现的,新建一个hot_item.xml,代码如下所示: 接着在HomeFragmentAdapter类中的onCreateViewHolder ...
今天我们来开发商城的首页 输入搜索框 布局和点击右下角图片回到顶部的效果 搜索功能在App中很常见,尤其是在商城类的项目当中,一般都会提供很强大的搜索功能,App的搜索布局一般都是在App的顶部,如下图所示: 下面我们来看看如何实现这个布局效果: 先来看看HomeFragment类,代码如下所示: HomeFragment类加载的是fragment home.xml的布局,代码如下所示: 最外层 ...
2017-03-24 00:13 1 3203 推荐指数:
热卖商品布局效果如下图: 这个布局跟我们上节做的推荐是一样的,也是用LinearLayout和GridView去实现的,新建一个hot_item.xml,代码如下所示: 接着在HomeFragmentAdapter类中的onCreateViewHolder ...
前面我们讲到了使用OkHttp请求网络和FastJson解析数据了,接下来我们就开始把获取到的数据通过数据适配器展示在页面上了。Adapter是用来帮助填充数据的中间桥梁,简单点说就是:将各种数据以合适的形式显示到view上,提供给用户看! 商城首页的数据是使用RecyclerView ...
最近在看尚硅谷的硅谷商城视频,想系统学习一下Android的商城开发流程,打算跟着视频的一步步做出一个商城,然后写博客总结记录一下整个商城的开发过程以及使用到的技术知识点,这个商城的最终效果如下图所示: 最终要做成的效果大概就是这样,我会写成博客记录下整个开发过程,也算是 ...
JS === 实现点击回到顶部 样式: body{height:10000px} // 产生滚动条 .go-2-top{width:50px; height:50px;background:red;cursor:pointer;position:fixed;right:20px;bottom ...
HTML页面使用一个a标签,href内填写JavaScript:;以阻止默认行为,在学习实例的时候添加一个大的div来充实页面。 demo: <a href="javascript:;" id="btn" title="回到顶部"></a> 其css代码 ...
新建一个Top组件 在页面中使用(外层高度给高一点) ...
在商城第一篇的开篇当中,我们看到商城的效果图里面有一个底部导航栏效果,如下图所示: 今天我们就来实现商城底部导航栏,最终效果图如下所示: 那么这种效果是如何实现,实现的方式有很多种,最常见的就是使用Fragment+RadioButton去实现。下面我们来写一个 ...
第一种:使用vue-router history 模式下,用scrollBehavior 方法实现。 第二种:滚动条在非body上 示例: 第三种:基于第二种 在模块化开发中,子模块存在翻页按钮,当页码切换时回到顶部。(此时的滚动元素在祖先模块中) ...