在 Scaffold 组件里面传入 drawer 参数可以定义左侧边栏,传入 endDrawer 可以定义右侧边栏.侧边栏默认是隐藏的,我们可以通过手指滑动显示侧边栏,也可以通过点击按钮显示侧边栏.   DrawerHeader组件的常用属性: 属性 描述 decoration 设置顶部背景颜色 child 配置子元素 padding 内边距 margin 外边距 UserAccountsDrawerHeader组件的常用属性: 属性 描述 decoration 设置顶部背景颜色 account

Android 使用Font Awesome 显示文字图标 简单几步就可以完成 简单的效果图: 1. 创建 assets 文件夹 在Android Studio 上的创建步骤为: 在 src/main上右键 --> New --> Folder --> Assets Folder. 将FontAwesome 字体文件copy到assets指定的路径,这里我放在assets/font/fontawesome-webfont.ttf. 2. 编写资源文件与代码 /values/strings

在iOS的开发中,各种图标的使用是不可避免的,如果把全部图标做成图片放在项目中,那么随着项目的逐渐庞大起来,图片所占的地方就会越来越大,安装包也就随之变大了,如果图标需要根据不同的场景改变使用不同的颜色,那么,如果做成图片就需要多张不同颜色的图片,对于能更换皮肤的APP来说,安装包也就会更大,为了让APP的安装包瘦身,iconfont就产生了.关于iconfont的介绍与制作方式就暂时不进行介绍了. 第一步:获取iconfont文件. 公司会有UI做图,让他们提供文件就好了,如果自己学习测试或者

在今天做原型的过程中,碰到两个问题: 1 文本框该如何去掉边框 2 富文本粘贴文字图标 第一个问题:首先是思路错了,又跑到元件上面找边框,跑到style里面去border的线,结果是不成功. 正解:属性properties里面有个 hide border属性,勾选下就ok了. 第二个问题:没想其他的,就是复制粘贴,可怎么也粘贴不上,气急败坏了,到底怎么回事了. 正解:在百度帖吧里面发现了正解,复制图标元件的正确姿势,双击确认是复制了.原话是这样的: 还有复制的时候是双击元件,像复制文字行一样选择

如何使用自定义字体 在讲icon font之前,首先先来看看普通自定义字体是如何在ios中使用的,两个原理是一样的.这里以KaushanScript-Regular为例: Step 1: 导入字体文件 将字体文件拖入项目(ios支持的字体格式有:.ttf..otf,其他格式不确定): 然后再在项目的资源池中确认字体文件是否加入项目,打开xcode项目的Build Phases中查看: Step 2: 配置.plist文件 UILabel *label5 = [[UILabel alloc] in

解决:在row层中的text层加一个expend flutter Row里面元素居中显示 new Expanded( flex: , child: new Row( children: <Widget>[ Expanded( child: new Container( alignment: Alignment.center, color: Colors.black38, child: new Text("這裡是logo"), )) ], )), 从这篇悟到的

方法1:GlobalKey import "package:flutter/material.dart"; class Test extends StatefulWidget { @override _TestState createState() => new _TestState(); } class _TestState extends State<Test> { final GlobalKey<ScaffoldState> _scaffoldKey

应用名称是需要在 Android 和 iOS 中分别调整的:Android 是在 AndroidManifest.xml 中修改:iOS 则是在 Info.plist 中修改的: 如果需要更改应用的 Logo,同样是在 Android 和 iOS 中分别调整的:Android 是添加图片在 mipmap 文件夹中,并在 AndroidManifest.xml 中修改:iOS 则是在 AppIcon.appiconset 文件夹中添加对应 Logo 图标,并在 Contents.json 中进行配

Container( width: 60, child: Text( '...', maxLines: 1, overflow: TextOverflow.ellipsis, ), ) 给Text外层套个Container设置下最大宽度

做了一天的小按钮基本都是文字+小图标的组合,问题挺多处理的不好,现在总结一下做个了断. //页面结构 <span class="b"> <a href="#" title="订阅博客">订阅博客</a> <em class="ico"></em> </span> 其实结构可以很简单一个a元素设置padding-right或者padding-left的距离设

----我的生活,我的点点滴滴!! 当然以下内容都可以通过设置样式来达到目的,但是下面不使用这样的方法 先来看张图,理解此图基本就能实现上面所要达到的目的了 Widget::Widget(QWidget *parent) : QWidget(parent), ui(new Ui::Widget) { ui->setupUi(this); connect(ui->button, SIGNAL(clicked()), this, SLOT(setColor())); QPalette p = pa

本博客主要讲以下两点知识点 图标改变颜色:Drawable的变色,让Android也能有iOS那么方便的图片色调转换,就像同一个图标,但是有多个地方使用,并且颜色不一样,就可以用这个方法了. 搜索框: 一般是EditText实现,本文 实现 TextView图片和文字居中,键盘搜索. 来看看效果图: 图标改变颜色:第一个界面的左边(二维码)和右边(更多)两个实现,我放进去的图片是黑色的,显示出来是白色的. 搜索框:第一个界面的图片和文字居中,还可以设置间距,第二个见面搜索设置键盘搜索按钮,点击搜

一.桌面图标位置 Lniux下桌面图标储存路径为:/usr/share/applications 二.桌面图标格式 所有桌面图标格式均为desktop,即名为XXX.desktop 三.编辑内容(常用) // 文件头(必须) [Desktop Entry] // 编码方式(可选) Encoding=UTF-8 //程序名(必须) Name = XXX //图标(可选) Icon=图标文件名(全称包含路径) //执行脚本(若为应用程序桌面图标则必选) Exec=脚本文件路径 // 分类 Type=

Flutter Drawer 侧边栏 在 Scaffold 组件里面传入 drawer 参数可以定义左侧边栏,传入 endDrawer 可以定义右侧边 栏.侧边栏默认是隐藏的,我们可以通过手指滑动显示侧边栏,也可以通过点击按钮显示侧 边栏. return Scaffold( appBar: AppBar( title: Text("Flutter App"), ), drawer: Drawer( child: Text('左侧边栏'), ), endDrawer: Drawer( c

一.桌面图标位置 Lniux下桌面图标储存路径为:/usr/share/applications 二.桌面图标格式 所有桌面图标格式均为desktop,即名为XXX.desktop 三.编辑内容(常用) // 文件头(必须) [Desktop Entry] // 编码方式(可选) Encoding=UTF- //程序名(必须) Name = XXX //图标(可选) Icon=图标文件名(全称包含路径) //执行脚本(若为应用程序桌面图标则必选) Exec=脚本文件路径 // 分类 Type=A

Flutter 创建伊始,我们就致力于打造一个能够构建精美的.可高度定制的.并且可以编译为机器码的跨平台应用解决方案,以充分发挥设备底层硬件的全部图形渲染能力.今天,Flutter 对 Windows 生产版本的正式支持是对这一愿景实现的重要标志.它使 Windows 开发者也能享受到移动开发的相同生产力和功能. Flutter 的目标是在任何平台上为你提供出色的构建体验,并且我们想要打造的是:只需要使用同一套核心框架和工具完成这个目标.通过 Flutter,你可以自由打造 优美 的使用体验,使

Android4.4 一个很重要的改变就是透明系统栏..新的系统栏是渐变透明的, 可以最大限度的允许屏幕显示更多内容, 也可以让系统栏和 Action Bar 融为一体, 仅仅留下最低限度的背景保护以免通知通知栏内容和 Action Bar 文字/图标难以识别.谷歌把这种效果称之为:Translucent Bar. 它的初始目的就是要最大化可视面积和淡化系统界面的存在感.其效果如图: 实现方法也很简单(仅限4.4以上的系统) 1.新建主题我这里分成了3个主题(4.4之前用的主题.4.4~5.0用

一.表单(Form) 源码文件:_form.scssmixins/_form.scss 1.按层次结构分:form-group -> form-control/input-group/form-static-control -> 各类标签2.Form-group/form-control/input-group/form-static-control之类的容器,分为两种显示方式:block.inline-block.而实现input-group水平用的是table-cell. .input-g

参考: zend stuido 12.5的插件安装 zend 12.5 安装插件是按类别进行分类了的, 而且是在欢迎 界面就可以直接安装, 安装后,要重启zend才能生效 版式设计的一个基本点就是: 高地 宽窄要错落有致, 不是方方正正的, 文字/图标/颜色的变化和组合.... 背景颜色的变化, 并不是整个body的背景颜色改变, 也不是整个div, 大块大块的div背景颜色变灰, ... 通常是: 整个的背景颜色还是 白色或浅色, 然后 在某个小的 div分块 / 小的table区域 背景颜色

先上一个简单的例子哈: 此时的方向向下. 如果想方向向上的话用:border-top:0;border-bottom:4px solid; 1. width:0 height:0 border宽度,颜色和透明实现. 有例子. http://www.igooda.cn/jzjl/20140401472.html 2. 还有一种利用图片.(效率没有纯css写的高,但是简单,推荐) 3. 利用一个小的文字图标. 这里边还有一个经典的absolute套absolute的例子. 4. 利用padding之

如何在只有一套app设计稿(5s尺寸)切出4和4s尺寸以及安卓系统主流尺寸的图 转自:http://www.zhihu.com/question/23255417   版权归原作者所有 目前ios手机尺寸为320*480px:640*960/1136px:对应的手机型号为iPhone3/3g,iPhone4/4s/5/5s:他们的尺寸关系比为1:2 .android的屏幕众多(分为:idpi 240*320px.mdpi 320*480px.hdpi 480*800px.xhdpi720*128