YDUI-Touch

移动端和微信 UI
授权协议 GPL
开发语言 JavaScript HTML/CSS
所属分类 手机/移动开发、 Android UI 组件
软件类型 开源软件
地区 国产
投 递 者 须原
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

一只注重审美,且性能高效的移动端&微信UI。

专属于移动

YDUI Touch 专为移动端打造,在技术实现、交互设计上兼容主流移动设备,保证代码轻、性能高。

采用 Flex 布局

使用 Flex 技术,灵活自如地对齐、收缩、扩展元素,轻松搞定移动页面布局。

用 rem 来做响应式开发

实现强大的屏幕适配布局,等比例适配所有屏幕。什么?用得不开心?轻松切换 px。

高端定制

自定义Javascript组件、Less文件、Less变量,定制一份属于自己的YDUI。

基于jQuery

YDUI JS 组件基于 jQuery 2.0+ 开发;不能接受?别骂我!

同时支持 jQuery 和 Zepto,真是吃力不讨好!

先别走,YDUI 还为你提供了很多漂亮样式组件!

兼容性

兼容绝大多数移动端设备(兼容Android4.0+、IOS6.0+);

如果不兼容你的JJ,请在最下方留言告诉我(操作系统及版本 + 浏览器及版本);

采用 flexbox 布局,因低版本安卓及部分特殊浏览器不兼容flex-basis、flex-wrap、inline-flex属性,YDUI 将采取其他解决方案;

目录结构

获取 YDUI

通过 YDUI Touch 定制,定制属于自己的 YDUI,然后下载zip压缩包;

下载包目录结构

YDUI Touch
 |
 |-- build          // 代码已压缩
 |   |-- css
 |   |   |-- ydui.css          // 已将图标.ttf转base64
 |   |-- js
 |       |-- ydui.flexible.js
 |       |-- ydui.js
 |
 |-- demo          // 所有示例文件
 |   |-- css
 |   |   |-- demo.css          // 示例用到的样式(项目无需使用)
 |   |   |-- ydui.css
 |   |-- html
 |       |-- *.html
 |   |-- js
 |       |-- ydui.flexible.js
 |       |-- ydui.js
 |   |-- index.html          // 示例入口文件

使用

获取到 YDUI 后,在head标签内引入path/build/css/ydui.csspath/build/js/ydui.flexible.js文件;

凡涉及js组件需另外引入jquery 2.0+path/build/js/ydui.js

您可以复制下面代码或在线预览

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <!-- 引入YDUI样式 -->
    <link rel="stylesheet" href="path/build/css/ydui.css" />
    <!-- 引入YDUI自适应解决方案类库 -->
    <script src="path/build/js/ydui.flexible.js"></script>
</head>
<body>
<div class="g-view">
    <!-- 使用:样式模块以按钮为例 -->
    <div class="m-button">
        <a href="javascript:;" class="btn-block btn-primary" id="J_Btn">Button</a>
    </div>
</div>
<!-- 引入jQuery 2.0+ -->
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<!-- 引入YDUI脚本 -->
<script src="path/build/js/ydui.js"></script>
<script>
    !function ($) {
        $('#J_Btn').on('click', function () {
            /* 使用:js模块以dialog为例 */
            YDUI.dialog.alert('我有一个小毛驴我从来也不骑!');
        });
    }(jQuery);
</script>
</body>
</html>
  • 公司项目要做一个H5适配安卓、iOS 、以及微信小程序。 上网搜了搜,发现了好东西。 参考网址

  • 描述 用于描述触摸屏幕的手指状态的结构。 设备可以跟踪很多关于触摸屏上的触摸操作的不同数据段,包括其 /phase/(即触摸是刚开始、已结束还是移动)、其位置以及触摸是一次接触还是多次点击。此外,设备还可以检查帧更新之间的触摸的连续性,因此可以跨帧报告一致的 ID 号并用它来确定特定手指的移动方式。 Unity 使用 Touch 结构存储与单次接触相关的数据,此结构由 Input.GetTouch

  • touch 命令有两个作用 1. 刷新文件或者目录的最后一次修改的时间和访问时间为现在的时间  ( 现在存在的文件或目录) 2. 建立文件 touch [-option] 文件 touch /tmp/test -a   只改变访问时间 -c   不新建任何文件 -f   忽略 -m  只改变修改时间 -r   将文件的时间替代现有的时间       ps :  touch -r /tmp/test

  • android 中的touch处理的分成好,使用起来非常方便,收集一些资料,分享如下: Android里有两个类 android.view.GestureDetector android.view.GestureDetector.SimpleOnGestureListener 1) 新建一个类继承SimpleOnGestureListener,HahaGestureDetectorListener

  • UI—-Touch 触摸开始时调用的方法 - (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event{ UITouch *touch = [touches anyObject]; CGPoint point = [touch locationInView:self.viewL.touchView]; CG

  • 关于touch-action 在项目中发现 ,Android下列表页的滚动加载失效。 原因: css中设定了html{ touch:none } 解决方法:移除该样式。 touch:none    // 当触控事件发生在元素上是时,不进行任何操作 touch:auto    // 当触控事件发生在元素上时,由浏览器来觉得进行哪些操作。 touch:pan-x    // 启用单指水平平移手势 to

  • #!/usr/bin/python # -*- coding: UTF-8 -*- import sys, os import commands def Touch(file_name,file_path): os.chdir(file_path) if file_name in os.listdir('.'): print("file exist!")

  •   一只注重审美,且性能高效的移动端&微信UI。   http://www.ydui.org/

  • 移动端的touch事件 四种touch事件 touchstart: //手指放到屏幕上时触发 touchmove: //手指在屏幕上滑动式触发 touchend: //手指离开屏幕时触发 touchcancel: //系统取消touch事件的时候触发 <style> div{ height:100px; width:100px; background-color:yellow; } </

  • // // AppDelegate.h // UI04_Touch // // Created by dllo on 15/8/3. // Copyright (c) 2015年 Clare. All rights reserved. // #import <UIKit/UIKit.h> @interface AppDelegate : UIResponder <UIApplicati

  • String8 deviceTypeString;     if (getDevice()->getConfiguration().tryGetProperty(String8("touch.deviceType"),             deviceTypeString)) {         if (deviceTypeString == "touchScreen") {         

  •   Qt移植对USB鼠标键盘、触摸屏的支持 分类: ARM Qt Linux 2012-07-21 09:08  562人阅读  评论(0)  收藏  举报 qt keyboard 测试 目录(?)[+] 一、USB键盘 经过一番搜索,发现对Qt键盘的支持主要关系到两个方面: 1、 键盘类型确定: 4.7以前的Qt版本,如果是PS2圆孔键盘,Qt编译时需加上选项:-qt-kbd-vr41xx(未测

 相关资料
  • 本文向大家介绍vue 做移动端微信公众号采坑经验记录,包括了vue 做移动端微信公众号采坑经验记录的使用技巧和注意事项,需要的朋友参考一下 自己用vue做微信公众号项目有一段时间了,遇到各种奇葩的问题,下面细数那些坑: 第一坑:微信分享导致安卓手机无法调起相册和无法调起微信充值 解决方案: 需要将微信分享延迟500毫秒,这样就解决了安卓手机无法调用相册和微信充值的问题,如果用了微信分享需要加个延迟

  • 使用MINA框架编写的移动短信通信程序,支持cmpp3.0,cmpp2.0,包含服务端,客户端。实现了移动短信的所有功能

  • 微信端接入 一.公众号接入 开发者可将积分商城入口配置在公众号菜单栏或推文中,通过微信内置浏览器打开兑吧H5页面。 对接方式1 一种方式为微信授权的对接方式,采用微信openID为用户体系,由兑吧服务器管理用户及用户积分,适用于无开发资源且没有自己的积分用户体系的公众号开发者。可联系兑吧技术支持开通。 授权操作详见下图: 注:微信授权获取openID目前不支持订阅号服务,只支持服务号获取。 对接方

  • 微信的移动端数据库组件 WCDB 已经正式开源了,有关注的小伙伴可能已经用上了。如果还没用上, 可以翻到文末关注我们的 GitHub 和公众号其他文章。 之前我们已经发过几篇 iOS 和修复的文章,Android 由于接口跟系统几乎一样,相信大家都比较熟悉, 不熟悉用法也可以到 Android Developer 官网看一下。但是,我们也有一些特色功能和优化大家可能不容易注意到, 现在就单独拿出来

  • 高效、完整、易用是WCDB的基本原则。前几篇文章分享了WCDB的基本用法和修复工具,接下来将更深入地聊聊WCDB在易用性上的思考和实践。 对于各类客户端数据库,似乎都绕不开拼接字符串这一步。即便在Realm这样的NoSQL的数据库中,在进行查询时,也依赖于字符串的语法: //Realm code [Dog objectsWhere:@"age < 2"] 别看小小的字符串拼接,带来的麻烦可不小:

  • WCDB(WeChat DataBase)是微信官方的移动端数据库组件,致力于提供一个高效、易用、完整的移动端存储方案。 它包含三个模块: WCDB-iOS/Mac WCDB-Android 数据库损坏修复工具WCDBRepair 目前正在筹备开源中。 背景 对于iOS开发者来说,数据库的技术选型一直是个令人头痛的问题。由于Apple提供的CoreData框架差强人意,使得开发者们纷纷将目光投向开