精华内容
下载资源
问答
  • Android studio仿美团app

    2019-03-03 10:21:36
    自己制作的一个简单的仿美团app,有注册登录,收藏,评价,订单等功能。
  • 仿美团app 技术点 vue vue-cli vue-router vuex vue-resource/axios flex sass svg es6 git
  • ObservableScrollView 项目地址:Lichenwei-Dev/ObservableScrollView  简介:高仿美团 APP 页面滑动标题...高仿美团 APP 页面滑动标题栏渐变效果,博客讲解请见:高仿美团 APP 页面滑动标题栏渐变效果 效果图 ...

    ObservableScrollView

    项目地址:Lichenwei-Dev/ObservableScrollView 

    简介:高仿美团 APP 页面滑动标题栏渐变效果

    更多:作者   提 Bug   

    标签:

    视差,渐变-

    高仿美团 APP 页面滑动标题栏渐变效果,博客讲解请见:高仿美团 APP 页面滑动标题栏渐变效果

    效果图

    image

    展开全文
  • 自学demo — 仿美团app

    2021-02-25 11:24:10
    自学demo — 仿美团app 完成美团的首页、订单页、“我的”页面、详情页、购物车页面开发 百度网盘 提取码:1419

    自学demo — 仿美团app

    完成美团的首页、订单页、“我的”页面、详情页、购物车页面开发

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    展开全文
  • 用vue仿美团APP

    2017-10-06 22:30:43
    vue仿美团APP 这几天上班也不是很忙,就想着用vue做一个APP,感觉美团这个APP里面的功能比较齐全,就仿美团做了一个,但是现在我也没有充足的时间去做,只能有时间做一点,现在前面的几个大页面都做完了,后续我会将...
        

    vue仿美团APP

    这几天上班也不是很忙,就想着用vue做一个APP,感觉美团这个APP里面的功能比较齐全,就仿美团做了一个,但是现在我也没有充足的时间去做,只能有时间做一点,现在前面的几个大页面都做完了,后续我会将里面的页面完善起来
    该项目大大小小80多个页面,涉及注册、登录、商品展示、购物车、下单等等,是一个完整的流程。
    在这个上面我也就不做太多的介绍了,项目在GitHub上面,有需要的可以直接去我的GitHub上面看,里面的项目介绍功能介绍都有
    接下来我有时间就会把剩下的页面做完,也希望有兴趣的朋友一起来做

    效果图

    图片描述
    图片描述
    图片描述
    图片描述
    图片描述

    下面是项目的地址

    https://github.com/Besmall/vu...
    该项目用到的技术和UI库比较多,下面我将用到的技术和UI库列举出来

    技术栈

    vue2 + vue-cli + vuex + vue-router + vue-resource/axios + webpack + ES6/7 + fetch + sass + flex + svg + git + es6

    ui 库

    说明

    在使用前需要安装vue npm install --global vue-cli

    安装完以后需要安装依赖 npm install

    如果对您有帮助,您可以点右上角 "Star" 支持一下 谢谢!

    如果有想要从基础学习vue的朋友,这个demo可以让你了解更好的学习vue,非常适合入门练习。地址在这里那

    喜欢的朋友记得收藏加点赞,也在我的GitHub上面stars和followers一下,我们还可以一起共同交流,共同制作。

    展开全文
  • 仿美团APP的底部滑动菜单实现

    千次阅读 2017-03-09 18:00:52
    仿美团APP的底部滑动菜单

    仿美团APP的底部滑动菜单实现

    在现在的APP的应用中,类似仿美团APP的底部滑动菜单,应用是挺多的,例如QQ,微信,支付宝都应用到。开发流程如下

    1. 底部按钮

    底部按钮使用RadioButton。

    // 按钮布局
    <LinearLayout
            android:id="@+id/llradiogroup"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true">
    
            <RadioGroup
                android:id="@+id/rg_menu"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal">
    
                <RadioButton
                    android:id="@+id/rbtn_home"
                    style="@style/RadioButton"
                    android:checked="true"
                    android:drawableTop="@drawable/home"
                    android:text="首页" />
    
                <RadioButton
                    android:id="@+id/rbtn_vest"
                    style="@style/RadioButton"
                    android:drawableTop="@drawable/investment"
                    android:text="投资" />
    
                <RadioButton
                    android:id="@+id/rbtn_photo"
                    style="@style/RadioButton"
                    android:drawableTop="@drawable/shooting"
                    android:text="拍拍" />
    
                <RadioButton
                    android:id="@+id/rbtn_mine"
                    style="@style/RadioButton"
                    android:drawableTop="@drawable/recom_member"
                    android:text="我的" />
    
                <RadioButton
                    android:id="@+id/rbtn_more"
                    style="@style/RadioButton"
                    android:drawableTop="@drawable/more"
                    android:text="更多" />
    
            </RadioGroup>
    // style样式
    <style name="RadioButton">
        <item name="android:layout_width">match_parent</item>
        <item name="android:layout_height">60dp</item>
        <item name="android:gravity">center</item>
        <item name="android:layout_weight">1</item>
        <item name="android:button">@null</item>
        <item name="android:background">@drawable/menueselector</item>
    </style>

    style样式中的menueselector为背景选择器,使按钮选中变色

    在Res目录下新建文件夹(drawable-nodpi),在里面建立新的xml文件,选择资源类型为Drawable的selector,在每一个selector中建立item选项

    <?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
         <!--选中背景颜色-->
        <item android:drawable="@color/checked" android:state_checked="true" />
        <!--未选中背景颜色-->
        <item android:drawable="@color/nochecked" android:state_checked="false" />
    </selector>

    2. 中间的滑动窗口

    <android.support.v4.view.ViewPager
            android:id="@+id/viewPager"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_above="@+id/llradiogroup">
            </android.support.v4.view.ViewPager>

    3. 往滑动窗口添加按钮对应的Fragment, 并监听相应事件

    下面的代码注意两点

    • MainActivity需继承于FragmentActivity,这样才能找到其中的getSupportFragmentManager()方法
    • 在书写Fragment时切记引入的是android.support.v4.app.Fragment,而非android.app.Fragment(android.app.Fragment是在3.0引入的,为了兼容更低版本首选android.support.v4.app.Fragment)
    package com.lsw.wealthapp.activity;
    
    import android.support.v4.app.Fragment;
    import android.os.Bundle;
    import android.support.v4.app.FragmentActivity;
    import android.support.v4.app.FragmentManager;
    import android.support.v4.app.FragmentPagerAdapter;
    import android.support.v4.view.ViewPager;
    import android.widget.RadioButton;
    import android.widget.RadioGroup;
    import com.lsw.wealthapp.R;
    import com.lsw.wealthapp.fragment.CaptureFragment;
    import com.lsw.wealthapp.fragment.HomeFragment;
    import com.lsw.wealthapp.fragment.InvestmentFragment;
    import com.lsw.wealthapp.fragment.MoreFragment;
    import com.lsw.wealthapp.fragment.MyFragment;
    
    import java.util.ArrayList;
    import java.util.List;
    
    public class MainActivity extends FragmentActivity {
        // HomeFragmentIndex
        private static final int HomeViewPagerIndex = 0;
        // InvestmentFragmentIndex
        private static final int InvsetViewPagerIndex = 1;
        // CaptureFragmentIndex
        private static final int CaptureViewPagerIndex = 2;
        // MyFragmentIndex
        private static final int MyViewPagerIndex = 3;
        // MoreFragmentIndex
        private static final int MoreViewPagerIndex = 4;
        private ViewPager viewPager;
        // 主页页面
        private HomeFragment homeFragment;
        // 投资页面
        private InvestmentFragment investmentFragment;
        //拍照页面
        private CaptureFragment captureFragment;
        // 我的页面
        private MyFragment myFragment;
        // 更多页面
        private MoreFragment moreFragment;
        // Fragment集合
        private List<Fragment> fragmentList;
        // FragmentAdapter
        private MyPageFramgentAdapter myPageFramgentAdapter;
        // 菜单RadioGroup
        private RadioGroup radioGroup;
        // 主页按钮
        private RadioButton rbtnHome;
        // 投资按钮
        private RadioButton rbtnInvest;
        // 拍照按钮
        private RadioButton rbtnCapture;
        // 我的按钮
        private RadioButton rbtnMine;
        // 更多按钮
        private RadioButton rbtnMore;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            initViews();
        }
    
        private void initViews() {
            viewPager = (ViewPager) findViewById(R.id.viewPager);
            homeFragment = new HomeFragment();
            investmentFragment = new InvestmentFragment();
            captureFragment = new CaptureFragment();
            myFragment = new MyFragment();
            moreFragment = new MoreFragment();
            fragmentList = new ArrayList<Fragment>();
            radioGroup = (RadioGroup) findViewById(R.id.rg_menu);
            rbtnHome = (RadioButton) findViewById(R.id.rbtn_home);
            rbtnInvest = (RadioButton) findViewById(R.id.rbtn_vest);
            rbtnCapture = (RadioButton) findViewById(R.id.rbtn_photo);
            rbtnMine = (RadioButton) findViewById(R.id.rbtn_mine);
            rbtnMore = (RadioButton) findViewById(R.id.rbtn_more);
            // 按钮选中,viewPager展示对应的页面
            radioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
                @Override
                public void onCheckedChanged(RadioGroup radioGroup, int i) {
                    switch (i) {
                        case R.id.rbtn_home:
                            viewPager.setCurrentItem(HomeViewPagerIndex);
                            break;
                        case R.id.rbtn_vest:
                            viewPager.setCurrentItem(InvsetViewPagerIndex);
                            break;
                        case R.id.rbtn_photo:
                            viewPager.setCurrentItem(CaptureViewPagerIndex);
                            break;
                        case R.id.rbtn_mine:
                            viewPager.setCurrentItem(MyViewPagerIndex);
                            break;
                        case R.id.rbtn_more:
                            viewPager.setCurrentItem(MoreViewPagerIndex);
                            break;
                    }
                }
            });
            //将Fragment加入集合中
            fragmentList.add(homeFragment);
            fragmentList.add(investmentFragment);
            fragmentList.add(captureFragment);
            fragmentList.add(myFragment);
            fragmentList.add(moreFragment);
            FragmentManager fm = getSupportFragmentManager();
            myPageFramgentAdapter = new MyPageFramgentAdapter(fm);
            viewPager.setAdapter(myPageFramgentAdapter);
            // viewPager发生改变,对应的按钮状态变为选中
            viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
                @Override
                public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
    
                }
    
                @Override
                public void onPageSelected(int position) {
                    switch (position) {
                        case HomeViewPagerIndex:
                            rbtnHome.setChecked(true);
                            break;
                        case InvsetViewPagerIndex:
                            rbtnInvest.setChecked(true);
                            break;
                        case CaptureViewPagerIndex:
                            rbtnCapture.setChecked(true);
                            break;
                        case MyViewPagerIndex:
                            rbtnMine.setChecked(true);
                            break;
                        case MoreViewPagerIndex:
                            rbtnMore.setChecked(true);
                            break;
                        default:
                            break;
    
                    }
                }
    
                @Override
                public void onPageScrollStateChanged(int state) {
    
                }
            });
        }
        // viewPager所需的适配器
        class MyPageFramgentAdapter extends FragmentPagerAdapter {
    
            public MyPageFramgentAdapter(FragmentManager fm) {
                super(fm);
            }
    
            @Override
            public Fragment getItem(int position) {
                return fragmentList.get(position);
            }
    
            @Override
            public int getCount() {
                return fragmentList.size();
            }
        }
    
    
    }
    
    展开全文
  • 仿美团App(全)

    2018-02-19 22:22:30
    完整的类似于美团的优惠团购APP框架,登录注册连接数据库,亲测有效完整的类似于美团的优惠团购APP框架,登录注册连接数据库,亲测有效完整的类似于美团的优惠团购APP框架,登录注册连接数据库,亲测有效完整的类似于...
  • 基于Vue全家桶制作的的高仿美团APP

    千次阅读 2017-09-14 14:14:08
    鸣谢:该项目核心部分参考了慕课网精英讲师ustbhuangyi的课程,其余部分高仿美团APP构建。 前端菜鸟项目,大佬们轻喷~ 美团外卖APP
  • 仿美团App(全).zip

    2020-03-06 14:51:21
    完整的类似于美团的优惠团购APP框架,登录注册连接数据库,亲测有效 完整的类似于美团的优惠团购APP框架,登录注册连接数据库,亲测有效 完整的类似于美团的优惠团购APP框架,登录注册连接数据库,亲测有效
  • 原 高仿美团app,浮动layout滑动到顶部悬停效果   谁带我去看看世界 发布时间: 2015/06/16 17:41 阅读: 1867 收藏: 29 点赞: 2 评论: 4 做了个类似美团app的一个效果   当一个...
  • flutter仿美团APP

    千次阅读 2019-05-17 12:48:17
    Flutter 仿美图APP 传送门 https://github.com/lshaoshuai/flutter_meituan_hotel 项目简介 酒店管理系统练手项目APP前端,用flutter模拟美图酒店UI,后端使用springcloud微服务架构。 github地址 ...
  • React Native制作仿美团APP总结

    千次阅读 2018-05-05 19:35:13
    最近学习了一个网上的React Native项目,利用React Native制作一个类似于美团App,项目属于对之前React Native常用组件的基本使用,但是仍有一些关键点值得记录。最后做成的效果如下:1、通过React Navigation来...
  • 仿美团APP(前端)

    千次阅读 2018-10-30 09:07:26
    由于第一次上手apicloud,以及时间不足,只做了几个界面,实现了APP的基本功能。测试手机:锤子 PS:红圈为可点击部分,美团网每点击按钮都会打开一个新的窗口,所以用了很多的openWin 没用openFrameGroup 最新源码...
  • 做得有点粗糙,图片是直接截图下来的~如果介意建议看下一个使用脚手架仿的,这个就不改了,哈哈。 react-router fetch better-scroll swiper
  • 转载注明出处:https://www.jianshu.com/p/ec0d4a73c970最近...其实在日常软件中还是挺常见的,比如带Banner广告图的首页或者是带头部的个人中心,下面是美团和摩拜单车的实现效果:实现思路:如果单纯看摩拜单车这...
  • 今天在帖子上看到有人需要做一个类似美团app的一个效果,就是当一个浮动layout的滑动到顶部时,这个浮动layout就悬停下来,当屏幕往下滑动时,浮动layout也跟着往下移动。 因此,我特意也写了一个:浮动layuot滑动...
  • 做了个类似美团app的一个效果   当一个浮动layout的滑动到顶部时,这个浮动layout就悬停下来,当屏幕往下滑动时,浮动layout也跟着往下移动。  因此,我特意也写了一个:浮动layuot滑动到顶部悬停...
  • // 静态路径用的cdn,直接可用。iconfont图标本地,自己下载即可 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt; &lt;meta charset="...IE=e

空空如也

空空如也

1 2 3 4 5 ... 14
收藏数 265
精华内容 106
关键字:

仿美团app