`
wuchengyi2015106
  • 浏览: 24921 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

H5做的商城客户端,效果很不错

阅读更多

介绍:

android加载框效果,本例子有几种效果弹出dialog,本例子主要自定义SVProgressHUD 类,
本例子来源:https://github.com/saiwu-bigkoo/Android-SVProgressHUD
主要代码如下:


    public enum SVProgressHUDMaskType {
     
       None,  // 允许遮罩下面控件点击
        
       Clear,     // 不允许遮罩下面控件点击
        
       Black,     // 不允许遮罩下面控件点击,背景黑色半透明
       
       Gradient,   // 不允许遮罩下面控件点击,背景渐变半透明
        
       ClearCancel,     // 不允许遮罩下面控件点击,点击遮罩消失
        
       BlackCancel,     // 不允许遮罩下面控件点击,背景黑色半透明,点击遮罩消失
        
       GradientCancel   // 不允许遮罩下面控件点击,背景渐变半透明,点击遮罩消失
        ;

    }


    
    //创建实例并初始化

    private static final SVProgressHUD getInstance(Context context) {
        if (mSVProgressHUD == null) {
            mSVProgressHUD = new SVProgressHUD();
            mSVProgressHUD.context = context;
            mSVProgressHUD.gravity = Gravity.CENTER;
            mSVProgressHUD.initViews();
            mSVProgressHUD.initDefaultView();
            mSVProgressHUD.initAnimation();
        }
        if (context != null && context != mSVProgressHUD.context ){
            mSVProgressHUD.context = context;
            mSVProgressHUD.initViews();
        }

        return mSVProgressHUD;
    }


通过加装dialog动画

    Animation.AnimationListener outAnimListener = new Animation.AnimationListener() {
     
        @Override
        public void onAnimationStart(Animation animation) {  }

       @Override
       public void onAnimationEnd(Animation animation) {
            dismissImmediately();
     }

     @Override
     public void onAnimationRepeat(Animation animation) {
     }
 
  };

运行效果:

 
 
 
 

介绍:

H5做的商城客户端,效果和android原生客户端没多大区别,现在h5是越来越火了,
android的小伙伴们又遇到一个新的挑战了。本项目只能学习一下WebViewActivity使用,
但是由于js看不到,所以补发看到里面的方法,
主要代码:
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_webview);
        ButterKnife.bind(this);
        String url = getIntent().getStringExtra(EXTRA_URL);
        mWebView.setWebViewClient(new WebViewClient());
        WebSettings webSettings = mWebView.getSettings();
        webSettings.setJavaScriptEnabled(true);
        mWebView.loadUrl(url);
        setupActionBar(url);
    }

还有就是CustomTabActivityHelper类封装了
  /**
     * Opens the URL on a Custom Tab if possible. Otherwise fallsback to opening it on a WebView
     *
     * @param activity The host activity
     * @param customTabsIntent a CustomTabsIntent to be used if Custom Tabs is available
     * @param uri the Uri to be opened
     * @param fallback a CustomTabFallback to be used if Custom Tabs is not available
     */
    public static void openCustomTab(Activity activity,
                                     CustomTabsIntent customTabsIntent,
                                     Uri uri,
                                     CustomTabFallback fallback) {
        String packageName = CustomTabsHelper.getPackageNameToUse(activity);

        //If we cant find a package name, it means there's no browser that supports
        //Chrome Custom Tabs installed. So, we fallback to the webview
        if (packageName == null) {
            if (fallback != null) {
                fallback.openUri(activity, uri);
            }
        } else {
            customTabsIntent.intent.setPackage(packageName);
            customTabsIntent.launchUrl(activity, uri);
        }
    }

    /**
     * Unbinds the Activity from the Custom Tabs Service
     * @param activity the activity that is connected to the service
     */
    public void unbindCustomTabsService(Activity activity) {
        if (mConnection == null) return;
        activity.unbindService(mConnection);
        mClient = null;
        mCustomTabsSession = null;
    }

 

运行效果:

以上分享来自作者的原创,转载需明标注出处。
分享到:
评论

相关推荐

    H5做的商城客户端效果很不错.zip

    标题中的“H5做的商城客户端效果很不错”表明这个压缩包包含了一个使用HTML5技术开发的移动端商城应用的源代码。HTML5是现代网页和应用程序开发的基石,它提供了丰富的功能和增强的性能,使得开发者可以构建功能强大...

    移动端H5商城模板源码-34个页面

    2. **JavaScript**: 作为客户端脚本语言,JavaScript在该模板中起到了关键作用,实现了动态效果和用户交互。例如,导航切换、商品滚动展示、购物车操作等都是通过JS实现的。此外,可能还使用了jQuery或其它库来简化...

    H5静态商城大家可以学习一下

    标题中的“H5静态商城”指的是使用HTML5技术构建的在线购物平台,这种商城完全基于Web,无需用户下载安装即可通过浏览器访问。HTML5是超文本标记语言的第五个重大版本,它带来了许多新的功能和改进,使得创建交互式...

    hash抽奖平台源码带h5客户端

    1. 用户界面:H5客户端负责呈现吸引人的界面,包括动画效果、按钮交互等,增强用户体验。 2. 交互处理:通过JavaScript与服务器进行通信,发送用户请求,接收抽奖结果,实时更新界面状态。 3. 跨平台兼容:H5...

    Android项目源码一个优质的新闻客户端

    本项目是一个优质的新闻客户端app,本项目有几大亮点 (1):一个不错的欢迎页面效果,上下滑动滑动到底部效果 (2):加载网络弹窗loading效果,也很不错 ...(5):通过webview调用h5效果的商城,也很不错,

    Android HTML5做的客户端,超棒的效果 源码

    H5做的商城客户端,效果和android原生客户端没多大区别,现在h5是越来越火了, android的小伙伴们又遇到一个新的挑战了。本项目只能学习一下WebViewActivity使用, 但是由于js看不到,所以补发看到里面的方法, 主要...

    仿京东商城H5主页面源代码,html、css、js 下载

    总的来说,这个压缩包提供了学习和实践前端开发的宝贵素材,特别是对于想要了解如何构建大型电商网站H5主页面的开发者来说,它是一个很好的起点。通过研究和修改这些源代码,开发者可以提升自己的HTML、CSS和...

    CRMEBV4.4标准版打通版商城源码小程序公众号H5+App商城源码.zip

    CRMEB V4.4标准版打通版商城源码小程序公众号H5 App商城源码 安装教程 运行环境:php/mysql 介绍: 服务器环境推荐要求: Nignx/Apache/IIS PHP 7.1 ~ 7.4 MySQL 5.7 Redis 技术亮点 1.自主研发独立客服...

    极光推送客户端代码

    - 通过控制台或API发送调试消息,实时查看推送效果。 10. 高级特性: - 透传消息:不显示通知,由客户端自行处理。 - 通知的自定义样式:可以设置通知图标、颜色、振动、声音等。 - 多维度推送:基于地理位置、...

    CRMEB/V4.4标准版打通版商城源码小程序公众号H5+App商城源码

    CRMEB V4.4标准版打通版商城源码小程序公众号H5 App商城源码 安装教程 运行环境:php/mysql 介绍: 服务器环境推荐要求: Nignx/Apache/IIS PHP 7.1 ~ 7.4 MySQL 5.7 Redis 技术亮点 1.自主研发独立客服...

    h5+js游戏做的网站

    JavaScript作为客户端脚本语言,与H5紧密结合,负责处理游戏的逻辑、用户交互和动画效果。它的动态性、灵活性和强大的API使其在游戏开发中不可或缺。例如,通过Canvas API可以实现2D游戏画面的绘制,WebGL则为3D游戏...

    CRMEBV4.4标准版打通版商城源码小程序公众号H5+VUE前端

    8.客户端完善的交互效果和动画; 9.对接公众号和小程序,并且数据同步; 10.后台应用form-builder PHP快速生成现代化表单; 11.高频数据缓存支持高并发; 12.数据备份和恢复让数据更安全; 13.Restful标准接口、...

    用H5仿微信实现摇一摇,抢红包等效果

    本项目旨在通过H5技术,模仿微信应用中的“摇一摇”和“抢红包”功能,使用户在网页上也能体验到类似的互动乐趣。 首先,我们来探讨“摇一摇”功能的实现。这个功能利用了浏览器的硬件加速API,即DeviceMotionEvent...

    xxxx年年度会议h5邀请函

    JavaScript作为客户端脚本语言,是实现H5邀请函交互性的重要工具。描述中的“可以自己调”意味着用户可以使用JavaScript来调整邀请函的各种行为,如响应用户的点击事件、播放或暂停音乐、控制3D效果等。JavaScript库...

    CRMEBV4.4标准版打通版商城源码小程序公众号H5+App商城源码

    CRMEB V4.4标准版打通版商城源码小程序公众号H5 App商城源码安装教程运行环境:php/mysql介绍:服务器环境推荐要求:Nignx/Apache/IISPHP 7.1 ~ 7.4MySQL 5.7Redis技术亮点1.自主研发独立客服系统;2.管理端页面使用...

    CRMEB/V4.4商城源码小程序公众号H5+App商城源码

    8.客户端完善的交互效果和动画; 9.对接公众号和小程序,并且数据同步; 10.后台应用form-builder PHP快速生成现代化表单; 11.高频数据缓存支持高并发; 12.数据备份和恢复让数据更安全; 13.Restful标准接口、...

    2020年年度会议h5邀请函.rar

    JavaScript是一种客户端脚本语言,它赋予网页动态功能,如响应式行为、动画效果以及与用户的交互。在这个H5邀请函中,JavaScript可能用于处理3D翻页特效,以及可能存在的点击事件和表单提交功能。 制作这样的H5邀请...

    H5简易登录界面

    通过以上知识点的应用,"H5简易登录页面"能够为用户提供一个高效、安全且具有良好视觉效果的登录体验,适应于各种移动端设备。在实际开发中,开发者需要根据具体需求和项目规模,选择合适的工具和技术栈来实现这些...

    h5网站app模板

    描述中提到的“一整套支持并兼容大部分移动端的电子商城的H5页面模板”意味着这个模板集包括了一系列预设计的页面和组件,如主页、商品展示页、购物车、支付流程等,旨在提供一个完整的移动购物体验。模板经过测试,...

Global site tag (gtag.js) - Google Analytics