在这里，我们将给大家分享关于powerpoint取色器有什么用ppt取色器使用教程的知识，让您更了解powerpoint取色器怎么用的本质，同时也会涉及到如何更有效地369CloudIDE取色器使用小
在这里，我们将给大家分享关于powerpoint取色器有什么用 ppt取色器使用教程的知识，让您更了解powerpoint取色器怎么用的本质，同时也会涉及到如何更有效地369Cloud IDE 取色器使用小技巧、ColorWanted 2.6.5 和 2.6.1.3 发布，Windows 上的屏幕取色器、ColorWanted 2.7.4 发布， Windows 下好用的屏幕取色器、Flutter实现矩形取色器的封装的内容。
本文目录一览：- powerpoint取色器有什么用 ppt取色器使用教程（powerpoint取色器怎么用）
- 369Cloud IDE 取色器使用小技巧
- ColorWanted 2.6.5 和 2.6.1.3 发布，Windows 上的屏幕取色器
- ColorWanted 2.7.4 发布， Windows 下好用的屏幕取色器
- Flutter实现矩形取色器的封装
powerpoint取色器有什么用 ppt取色器使用教程（powerpoint取色器怎么用）
在使用powerpoint过程中常常发现一些功能我们很少用到，其实是自己不会用的原因，关于powerpoint取色器有什么用呢？接下来我们一起来学一下ppt取色器使用教程
在使用powerpoint过程中常常发现一些功能我们很少用到，其实是自己不会用的原因，关于powerpoint取色器有什么用呢？接下来我们一起来学一下ppt取色器使用教程。
软件名称：
Microsoft Office 2010三合一精简特别版(Word/Excel/Powerpoint) 含激活工具
软件大小：
97.8MB
更新时间：
2017-12-15立即下载
powerpoint取色器有什么用 ppt取色器使用教程
ppt取色器简介
想要自己的幻灯片跟图片的颜色吻合那就要用到取色器这个功能了，但是取色器的运用也是有一定的技巧的。辛苦地尝试精确匹配形状和图片的颜色，配合 PowerPoint2013 演示文稿的其他部分，为您的幻灯片提供富有凝聚力的外观，您是否已经厌倦? 使用 PowerPoint 的新取色器为您完成这些工作吧!以下是详细操作介绍：
双击要匹配颜色的形状或其他对象。(是，您可选择多种颜色。按 Ctrl 并单击形状。)然后单击任一颜色选项，例如位于“绘图工具” 下方“格式” 选项卡上的“形状样式” 组 中的 “形状填充” 。
PowerPoint2013之取色器的运用
使用取色器，单击要匹配的颜色并将其应用到所选形状或对象。
PowerPoint2013之取色器的运用
当您将指针在不同颜色周围移动时，将显示颜色的实时预览。将鼠标悬停或暂停在一种颜色上以查看其 RGB(红、绿、蓝)色坐标。单击所需的颜色。当很多颜色聚集在一起时，要获得所需的精确颜色，更准确的方法是按 Enter 或空格键选择颜色。
PowerPoint2013之取色器的运用
若要取消取色器而不选取任何颜色，请按 Esc。
提示 您还可以匹配屏幕上任意位置的颜色。单击“取色器 ”后，当您将鼠标拖动至要匹配的颜色时，单击并按住鼠标按钮。当您移出 PowerPoint 时，取色器会消失，但系统仍将预览该颜色并进行匹配。
总结
以上是小编为你收集整理的powerpoint取色器有什么用 ppt取色器使用教程全部内容。
如果觉得小编网站内容还不错，欢迎将小编网站推荐给好友。
369Cloud IDE 取色器使用小技巧
369Cloud IDE 取色器功能是增强用户体验实现可视化编辑的一项功能。
优点：根据取色器画板颜色，可直接点击选取生成颜色代码，亦可自定义所需颜色
注意：所有页面都开启取色器，IDE运行速度会减慢
技巧：当前页面开启取色器即可
取色器之小技巧
1.打开css文件，右键代码行号，点击 “显示ColorColumn” 打开取色器；
2.输入一个颜色标签：
2.代码左侧出现的小色块就是取色器，点击弹出取色器窗口
3.选择一个需要的颜色，点击确定，代码中的颜色编码会相应的改变。
说明：
1.设置添加取色器，只对当前设置的css文件有效。其他css文件的取色器需另行设置。
2.如果为多个css文件均设置了取色器时，IDE编辑器可能会出现编辑不流畅的现象。建议将编写完成的css文件取消取色器设置。
ColorWanted 2.6.5 和 2.6.1.3 发布，Windows 上的屏幕取色器
ColorWanted 2.6.5 和 2.6.1.3 发布。本次发布包括 Bug 修复以及一些性能优化：
优化 支持预览窗口贴合时，跟随主窗口移动
优化 大幅减小文件体积
新增 主窗口添加右键菜单，菜单项与托盘菜单相同
新增 支持右键点击预览窗口
修复 特殊情况下，预览窗口贴合导致程序卡死的问题
修复 2.6.1.x 的版本移除自动更新功能
修复 快捷键页面提示文字颜色不随主题改变的问题
修复 从扩展模式切换到标准模式时显示异常
赏色是一款 Windows 下使用的屏幕取色软件，运行在 .net framework 4.0 上。
ColorWanted 2.7.4 发布， Windows 下好用的屏幕取色器
这是一个 Windows 平台使用的屏幕取色器工具。支持 RGB、HSL、HSB/HSV、HSI 颜色空间。
运行环境
- WindowsXP (2.6.1 及之前的版本) .NET Framework 4.0
- Windows7 及更高版本 (2.6.2 及之后的版本) .NET Framework 4.5.2
本次更新
- 添加自定义的多语言支持
- 优化窗口显示方式以及图标
- 优化更新功能
- 修复一些导致崩溃的问题
Flutter实现矩形取色器的封装
前言
最近看插件库上少有的取色器大都是圆形的或者奇奇怪的的亚子，所以今天做两个矩形的颜色取色器
一、BarTypeColorPicker
条形选色板的功能实现，颜色的获取是通过位置来判断，然后赋予相应的颜色。这个封装好的组件可通过colorListener、onTapUpListener的回调方法，把颜色传出去。
代码如下（示例）：
import ''package:flutter/cupertino.dart'';
import ''package:flutter/material.dart'';
///描述：条形选色板
class BarTypeColorPicker extends StatefulWidget {
final Color initialColor;
final ValueChanged<Color> colorListener;
final ValueChanged<Color> onTapUpListener;
final int colorWidth;
final int colorHeight;
final Color color;
const BarTypeColorPicker(
{Key key,
this.initialColor,
this.colorListener,
this.onTapUpListener,
this.colorWidth,
this.colorHeight,
this.color})
: super(key: key);
@override
_BarTypeColorPickerState createState() => _BarTypeColorPickerState(
colorWidth.toDouble(),
colorHeight.toDouble(),
);
}
class _BarTypeColorPickerState extends State<BarTypeColorPicker> {
double _top = 0.0;
double _left = 0.0;
double _Thumbsize = 20;
double lightness;
double _colorwidth;
double _colorHeight;
Color _color;
_BarTypeColorPickerState(double colorwidth, double colorHeight) {
this._colorwidth = colorwidth;
this._colorHeight = colorHeight;
}
@override
void initState() {
super.initState();
}
@override
Widget build(BuildContext context) {
return Center(
child: GestureDetector(
onPanStart: (DragStartDetails detail) {
var localPosition = detail.localPosition;
buildSetState(localPosition, context);
if (widget.colorListener != null) {
widget.colorListener(_color);
}
},
onPanDown: (DragDownDetails detail) {
var localPosition = detail.localPosition;
buildSetState(localPosition, context);
if (widget.colorListener != null) {
widget.colorListener(_color);
}
},
onPanUpdate: (DragUpdateDetails detail) {
var localPosition = detail.localPosition;
buildSetState(localPosition, context);
if (widget.colorListener != null) {
widget.colorListener(_color);
}
},
onPanEnd: (DragEndDetails detail) {
if (widget.onTapUpListener != null) {
widget.onTapUpListener(_color);
}
},
onTapUp: (TapUpDetails detail) {
if (widget.onTapUpListener != null) {
widget.onTapUpListener(_color);
}
},
child: ColorRect(
colorHeight: _colorHeight,
colorwidth: _colorwidth,
top: _top,
Thumbsize: _Thumbsize,
left: _left,
color: _color),
),
);
}
void buildSetState(Offset localPosition, BuildContext context) {
return setState(() {
_left = localPosition.dx;
_top = localPosition.dy;
if (_left < 0) {
_left = 0;
} else if (0 <= _left && _left <= _colorwidth) {
_left = _left;
} else if (_left > _colorwidth) {
_left = (_colorwidth);
}
if ((_colorwidth / 7) * 0 < _left && _left < (_colorwidth / 7) * 1) {
_color = Color(0xFFFF0000);
} else if ((_colorwidth / 7) * 1 < _left &&
_left < (_colorwidth / 7) * 2) {
_color = Color(0xFFFFFF00);
} else if ((_colorwidth / 7) * 2 < _left &&
_left < (_colorwidth / 7) * 3) {
_color = Color(0xFF00FF00);
} else if ((_colorwidth / 7) * 3 < _left &&
_left < (_colorwidth / 7) * 4) {
_color = Color(0xFF00FFFF);
} else if ((_colorwidth / 7) * 4 < _left &&
_left < (_colorwidth / 7) * 5) {
_color = Color(0xFF0000FF);
} else if ((_colorwidth / 7) * 5 < _left &&
_left < (_colorwidth / 7) * 6) {
_color = Color(0xFFFF00FF);
} else if ((_colorwidth / 7) * 6 < _left &&
_left < (_colorwidth / 7) * 7) {
_color = Color(0xFFFFFFFF);
}
if (_top <= 0) {
_top = 0;
} else if (0 <= _top && _top <= _colorHeight) {
} else if (_top > _colorHeight) {
_top = _colorHeight;
}
});
}
}
class ColorRect extends StatelessWidget {
ColorRect({
Key key,
@required double colorHeight,
@required double colorwidth,
@required double top,
@required double Thumbsize,
@required double left,
@required Color color,
}) : _colorHeight = colorHeight,
_colorwidth = colorwidth,
_top = top,
_Thumbsize = Thumbsize,
_left = left,
_color = color,
super(key: key);
final double _colorHeight;
final double _colorwidth;
final double _top;
final double _Thumbsize;
final double _left;
final Color _color;
List<Color> colorList = [
Color(0xFFFF0000),
Color(0xFFFFFF00),
Color(0xFF00FF00),
Color(0xFF00FFFF),
Color(0xFF0000FF),
Color(0xFFFF00FF),
Color(0xFFFFFFFF),
];
@override
Widget build(BuildContext context) {
return Container(
width: _colorwidth,
height: _colorHeight,
child: Stack(
children: [
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: colorList
.map(
(e) => Container(
padding: EdgeInsets.symmetric(horizontal: 2),
height: _colorHeight,
width: _colorwidth / 7,
child: Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
color: e,
),
),
),
)
.toList(),
),
Container(
child: Thumb(
top: _top,
Thumbsize: _Thumbsize,
left: _left,
color: _color)),
],
),
);
}
}
class Thumb extends StatelessWidget {
const Thumb({
Key key,
@required double top,
@required double Thumbsize,
@required double left,
@required Color color,
}) : _top = top,
_Thumbsize = Thumbsize,
_left = left,
_color = color,
super(key: key);
final double _top;
final double _Thumbsize;
final double _left;
final Color _color;
@override
Widget build(BuildContext context) {
return Positioned(
top: _top - _Thumbsize / 2,
left: _left - _Thumbsize / 2,
child: GestureDetector(
child: Container(
child: Icon(
Icons.circle,
color: _color,
size: _Thumbsize,
),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
boxShadow: [
BoxShadow(
blurRadius: 0.1, //阴影范围
spreadRadius: 0.001, //阴影浓度
color: Colors.black, //阴影颜色
),
],
),
)));
}
}下面是使用方法。
BarTypeColorPicker( initialColor: Colors.white, colorWidth: 360, colorHeight: 150, ),
具体效果图：
一、RectangleColorPicker
矩形选色板的功能实现，颜色的获取是通过位置的坐标值转换为相应的颜色。这个封装好的组件可通过colorListener、onTapUpListener的回调方法，把颜色传出去。
代码如下（示例）：
import ''package:flutter/cupertino.dart'';
import ''package:flutter/material.dart'';
class RectangleColorPicker extends StatefulWidget {
final Color initialColor;
final ValueChanged<Color> colorListener;
final ValueChanged<Color> onTapUpListener;
final int colorWidth;
final int colorHeight;
final Color color;
const RectangleColorPicker(
{Key key,
this.initialColor,
this.colorListener,
this.onTapUpListener,
this.colorWidth,
this.colorHeight,
this.color})
: super(key: key);
@override
_RectangleColorPickerState createState() => _RectangleColorPickerState(
colorWidth.toDouble(),
colorHeight.toDouble(),
);
}
class _RectangleColorPickerState extends State<RectangleColorPicker> {
double _top = 0.0;
double _left = 0.0;
double _Thumbsize = 20;
double _hue = 0.0;
double _brightnum = 50.0;
double lightness;
double _colorwidth;
double _colorHeight;
_RectangleColorPickerState(double colorwidth, double colorHeight) {
this._colorwidth = colorwidth;
this._colorHeight = colorHeight;
}
Color get _color {
return HSLColor.fromAHSL(
1,
_hue,
1,
lightness,
).toColor();
//返回HSL、AHSL格式的色调亮度字符串
}
@override
void initState() {
super.initState();
HSLColor hslColor = HSLColor.fromColor(widget.initialColor);
_left = (_colorwidth * hslColor.hue) / 360;
_top = (_colorHeight * (hslColor.lightness - 0.5) * 200) / 100;
this._hue = hslColor.hue;
this.lightness = hslColor.lightness;
}
@override
Widget build(BuildContext context) {
return Center(
child: GestureDetector(
onPanStart: (DragStartDetails detail) {
var localPosition = detail.localPosition;
buildSetState(localPosition, context);
if(widget.colorListener != null){
widget.colorListener(_color);
}
},
onPanDown: (DragDownDetails detail) {
var localPosition = detail.localPosition;
buildSetState(localPosition, context);
if(widget.colorListener != null){
widget.colorListener(_color);
}
},
onPanUpdate: (DragUpdateDetails detail) {
//获取当前触摸点的局部坐标
var localPosition = detail.localPosition;
buildSetState(localPosition, context);
if(widget.colorListener != null){
widget.colorListener(_color);
}
},
onPanEnd: (DragEndDetails detail) {
if(widget.onTapUpListener != null){
widget.onTapUpListener(_color);
}
},
onTapUp: (TapUpDetails detail){
if(widget.onTapUpListener != null){
widget.onTapUpListener(_color);
}
},
child: ColorRect(
colorHeight: _colorHeight,
colorwidth: _colorwidth,
top: _top,
Thumbsize: _Thumbsize,
left: _left,
color: _color),
),
);
}
void buildSetState(Offset localPosition, BuildContext context) {
return setState(() {
_left = localPosition.dx;
_top = localPosition.dy;
if (_left < 0) {
_left = 0;
} else if (0 <= _left && _left <= _colorwidth) {
_left = _left;
_hue = (360 * _left) / (_colorwidth);
} else if (_left > _colorwidth) {
_left = (_colorwidth);
_hue = 360;
}
if (((5 / 360 - 5 / 360) < _left &&
_left < (5 / 360 + 5 / 360) * _colorwidth) &&
(_top < 5)) {
_left = 5 / 360 * _colorwidth;
_top = 0;
} else if ((((5 + 350 / 6) / 360 - 5 / 360) * _colorwidth < _left &&
_left < ((5 + 350 / 6) / 360 + 5 / 360) * _colorwidth) &&
(_top < 5)) {
_left = (5 + (1 * 350) / 6) / 360 * _colorwidth;
_top = 0;
} else if ((((5 + (2 * 350) / 6) / 360 - 5 / 360) * _colorwidth < _left &&
_left < ((5 + (2 * 350) / 6) / 360 + 5 / 360) * _colorwidth) &&
(_top < 5)) {
_left = (5 + (2 * 350) / 6) / 360 * _colorwidth;
_top = 0;
} else if ((((5 + (3 * 350) / 6) / 360 - 5 / 360) * _colorwidth < _left &&
_left < ((5 + (3 * 350) / 6) / 360 + 5 / 360) * _colorwidth) &&
(_top < 5)) {
_left = (5 + (3 * 350) / 6) / 360 * _colorwidth;
_top = 0;
} else if ((((5 + (4 * 350) / 6) / 360 - 5 / 360) * _colorwidth < _left &&
_left < ((5 + (4 * 350) / 6) / 360 + 5 / 360) * _colorwidth) &&
(_top < 5)) {
_left = (5 + (4 * 350) / 6) / 360 * _colorwidth;
_top = 0;
} else if ((((5 + (5 * 350) / 6) / 360 - 5 / 360) * _colorwidth < _left &&
_left < ((5 + (5 * 350) / 6) / 360 + 5 / 360) * _colorwidth) &&
(_top < 5)) {
_left = (5 + (5 * 350) / 6) / 360 * _colorwidth;
_top = 0;
} else if ((((5 + (6 * 350) / 6) / 360 - 5 / 360) * _colorwidth < _left &&
_left < ((5 + (6 * 350) / 6) / 360 + 5 / 360)) &&
(_top < 5)) {
_left = (5 + (6 * 350) / 6) / 360 * _colorwidth;
_top = 0;
}
if (_top <= 0) {
_top = 0;
_brightnum = 50;
lightness = _brightnum / 100;
} else if (0 <= _top && _top <= _colorHeight) {
_brightnum = (100 * _top) / _colorHeight / 2 + 50;
lightness = _brightnum / 100;
} else if (_top > _colorHeight) {
_top = _colorHeight;
_brightnum = 100;
lightness = _brightnum / 100;
}
});
}
}
class ColorRect extends StatelessWidget {
const ColorRect({
Key key,
@required double colorHeight,
@required double colorwidth,
@required double top,
@required double Thumbsize,
@required double left,
@required Color color,
}) : _colorHeight = colorHeight,
_colorwidth = colorwidth,
_top = top,
_Thumbsize = Thumbsize,
_left = left,
_color = color,
super(key: key);
final double _colorHeight;
final double _colorwidth;
final double _top;
final double _Thumbsize;
final double _left;
final Color _color;
@override
Widget build(BuildContext context) {
return Container(
child: Stack(
children: [
Container(
child: ClipRRect(
borderRadius: BorderRadius.circular(10),
child: DecoratedBox(
child: Container(
height: _colorHeight,
width: _colorwidth,
),
decoration: BoxDecoration(
gradient: LinearGradient(
begin: Alignment.centerLeft,
end: Alignment.centerRight,
stops: [
0,
5 / 360,
(5 + 350 / 6) / 360,
(5 + (2 * 350) / 6) / 360,
(5 + (3 * 350) / 6) / 360,
(5 + (4 * 350) / 6) / 360,
(5 + (5 * 350) / 6) / 360,
(5 + (6 * 350) / 6) / 360,
1.0
],
colors: [
Color.fromARGB(255, 255, 0, 0),
Color.fromARGB(255, 255, 0, 0),
Color.fromARGB(255, 255, 255, 0),
Color.fromARGB(255, 0, 255, 0),
Color.fromARGB(255, 0, 255, 255),
Color.fromARGB(255, 0, 0, 255),
Color.fromARGB(255, 255, 0, 255),
Color.fromARGB(255, 255, 0, 0),
Color.fromARGB(255, 255, 0, 0),
],
),
)),
),
),
Container(
child: ClipRRect(
borderRadius: BorderRadius.circular(10),
child: DecoratedBox(
child: Container(
height: _colorHeight,
width: _colorwidth,
),
decoration: BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
colors: [
Color.fromARGB(0, 255, 255, 255),
Colors.white,
],
),
)),
),
),
Container(
child: Thumb(
top: _top,
Thumbsize: _Thumbsize,
left: _left,
color: _color)),
],
),
);
}
}
class Thumb extends StatelessWidget {
const Thumb({
Key key,
@required double top,
@required double Thumbsize,
@required double left,
@required Color color,
}) : _top = top,
_Thumbsize = Thumbsize,
_left = left,
_color = color,
super(key: key);
final double _top;
final double _Thumbsize;
final double _left;
final Color _color;
@override
Widget build(BuildContext context) {
return Positioned(
top: _top - _Thumbsize / 2,
left: _left - _Thumbsize / 2,
child: GestureDetector(
child: Container(
child: Icon(
Icons.circle,
color: _color,
size: _Thumbsize,
),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
boxShadow: [
BoxShadow(
blurRadius: 0.1, //阴影范围
spreadRadius: 0.001, //阴影浓度
color: Colors.black, //阴影颜色
),
],
),
)));
}
}下面是使用方法。
RectangleColorPicker(
[initialColor: Colors.white,
colorWidth: 360,
colorHeight: 150,
onTapUpListener: (_color) { }
colorListener: (_color) { }
]
),具体效果图：
总结
以上就是今天要讲的内容，本文仅仅简单介绍了两种颜色选色板的使用，后面还会陆续发布一些flutter的组件使用教程。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
您可能感兴趣的文章:
- Flutter实现矩形取色器的封装
- Flutter自定义圆盘取色器
今天关于powerpoint取色器有什么用 ppt取色器使用教程和powerpoint取色器怎么用的讲解已经结束，谢谢您的阅读，如果想了解更多关于369Cloud IDE 取色器使用小技巧、ColorWanted 2.6.5 和 2.6.1.3 发布，Windows 上的屏幕取色器、ColorWanted 2.7.4 发布， Windows 下好用的屏幕取色器、Flutter实现矩形取色器的封装的相关知识，请在本站搜索。
本文标签：
