一个产品，从其诞生至成熟需要一个过程，这个过程大概就称之为流程。很多时候，我们要以图形的方式去体现这个过程，也就是我们常见的“流程图”。说白了就是表示先做什么后做什么，实际上就是“开始，结束，行动，状态与判断”的组合图。
 
XMind中，用户可以自由、灵活的设计流程图。你可能会说，没有可直接使用的流程图结构呀。没错，确实没有，抽象的说要用思维导图模式画流程图。怎么画？下面我们会提到。或许你还会说我就是不回画怎么办？没关系，XMind 8中有多种流程图式的思维导图模板可供你直接使用。例如下图↓↓↓
 
 

流程图制作四部曲：
 
1）在XMind中，从主页选择新建一个空白图。然后修改中心主题内容；这里更建议大家将重心主题作为说明文本，例如上述的“制造流程”，而流程图的开端使用“自由主题”。
 
 
2）选中主题，使用快捷键 Ctrl+L（苹果电脑用Command+L）并点击空白处，得到与之相连的第二个自由主题，继续修改内容。
 
3）如果联系线条默认不是直线，甚至没有箭头。此时，请点击线条选中（可以一个或者多个），在右侧的“格式”视图中可调整线条的形状、同时也可以添加“联系”信息。
 
 
注释：选中不同的对象，“格式”视图会相应跟随。即选中主题时，可以在格式视图中修改其形状、颜色等属性。
 
4）重复上述操作。完成内容添加。最后调整主题之间的距离，排列自由主题。
 
 
注意：一定要按住Shift键，然后使用鼠标摆放自由主题的位置；将主题摆放整齐，选中目标主题，譬如主线上的几个自由主题，然后从菜单选择“修改 -- 排列自由主题 -- 水平居中”，竖列的自由主题就选择 “ 修改 -- 排列自由主题 -- 合适的排列方式 ”。
 
整个制作及设计过程在XMind中都非常简单快捷，你只需要自由发挥你的设计思维就好。当然，如果你想更快更高效的完成流程图的制作，你可以直接使用XMind中的流程图模板。只需更改内容，稍作调整即可。
 
如果你还想学习更多关于XMind的知识内容，可点击XMind教程免费查询哦。
                                                    
转载于:https://my.oschina.net/siweidaotu/blog/877710

图片应该怎样添加好看的边框呢？电脑上为照片添加边框可以用哪个软件？一张比较单调的照片，可能会因为添加上有风格的边框，而显得不是那么单调，而且还变得更加有意思。那么今天小编就为大家介绍一款图片添加边框软件吧，该软件支持多图添加边框功能，可以使多张照片组合成一张图片。
获取软件资源后，再进行下载解压，解压后打开文件，找到并打开文件夹“Program”，进入后找到“日历制作软件.exe”程序，双击运行这款软件。运行时可能会弹出报毒窗口，但是无需担心，直接点击运行程序运行就没事了，或者建议运行软件前关闭电脑杀毒软件。下面附上图片添加边框效果图。
运行这款软件后，可以看到这款软件刚打开时的界面如下图所示，功能清楚的显示在菜单栏上面，功能还是挺丰富的。不过今天小编不把所有的功能全都介绍出来，今天只介绍为图片添加边框操作，其它功能下载这款软件后你再慢慢研究。首先先导入图片素材，怎么导入呢？点击【浏览图片】按钮。
此时会出现另外一个页面，该页面的选择导入图片的页面，选择图片并导入图片后，可以看到如下图所示导入成功后的截图，说明照片已经导进来了。在为图片添加边框之前，同时还可以对图片进行一番修改编辑。例如美化图片，为图片调色以及添加各种补光效果，这里就不为你一一介绍啦。
接下来才算是真正进入我们的主题，点击菜单栏的【边框】按钮，此时会弹出选择栏，然后可以看到可以选择多种边框形式，分别有花边边框、花样边框、撕边边框、多图边框等等可以选择。这里看你需要添加什么边框，然后再进行选择点击什么边框。这里我选择多图边框，如下图。
选择多边框后，会弹出【多图边框】对话框，如下图。首先我们先选择边框素材，下图步骤1这里有很多种素材可以提供选择，这里我随意选择一个素材作为例子。然后在左边添加多张图片，与此同时还可以对图片进行剪辑。最后点击【确定】按钮。
好了，边框添加完毕之后，接下来我们就可以将图片保存起来了，在这里，为了不让做好的图片覆盖原来的图片，我们点击【另存为】按钮进行保存图片。笑话时间：打算去欧洲玩半个月，想请教一下去过的朋友，你们的钱都是哪来的？
弹出“另存为”对话框，选择保存路径，如下图所示，这里我将图片直接点击保存到桌面(因为保存之后图片容易被找到)，所以先点击桌面，你也可以将图片保存到其它文件夹里面。接下来命名好文件名和保存类型。在点击【保存】按钮。
好了，一张图片添加边框的照片就这样被我们制作出来了，看完这个教程，是不是发现操作起来不需要花费太多时间，接下来我们换张图片试一下吧。
这是一款对数码照片画质进行改善及效果处理的软件。简单、易用，不需要任何专业的图像技术，就可以制作出专业胶片摄影的色彩效果，如果觉得不错的话，分享给你的小伙伴使用吧。
笑话段子：
一家人去吃火锅，3岁的外甥女霸占了整瓶可乐，我：“宝贝儿，来，可乐给我喝点吧！”
外甥女嘟着小嘴，说：“姑姑，可乐喝不饱的，你还是多吃饭饭吧！”
我。。。
相关文章：
资源推荐：

excel的图标横坐标怎么更改以及怎样合并单元格
1、电子表格中图表的横坐标根据提供的数据源而确定，在制作图表时，根据图表向导第二步中“系列”，“分类(X)轴标志”框内输入作为横坐标的单元格数据区域，完成。
2、单元格格式／对齐／勾选合并单元格。
excel如何将两个图合并为同X轴，不同Y轴的图？
需要创合
组合图表是单独图表使用不同图型的系列构成。组合图表可以包括次值坐标轴；组合图表至少需要两个数据系列。
下面表格数据创建的图表就是组合图表非常好的候选图。
月份    平均温度    降水
一月    59.50     2.80
二月    61.00     2.53
三月    65.50     2.77
四月    68.00     1.79
五月    74.50     1.19
六月    81.00     1.07
七月    84.00     1.02
八月    80.00     1.10
九月    75.00     1.24
十月    72.00     1.37
十一月    68.00     2.45
十二月    61.00     2.57
首先，根据数据创建柱形图，如下：
下面将图表转换为使用次值坐标轴的组合图：
1、选择"降水"系列，右键"设置数据系列格式"，选择系列绘制在"次坐标轴"
2、更改"降水"系列的图表类型为折线图。
这时显示了一个修改过的图表，"降水"系列变成了折线图，使用了右边的值坐标轴。

一、制作背景
如今非常多游戏或者应用须要评分，就是一般来说满分10分，一般用星星来表示。
那么cocos2dx里面怎样制作评分这种控件呢？
我的打算是进度条组合成即可了。
二、材料准备


如上图所看到的，即2颗小星星就可以。

三、终于效果




四、代码实现
/

/***************************ScoreBar Class**************************************/

/

class ScoreBar:public cocos2d::Node
{
public:
		CREATE_FUNC(ScoreBar);
	static ScoreBar* create(float mPercentage);
CC_CONSTRUCTOR_ACCESS:
		ScoreBar();
		~ScoreBar();
	virtual	bool init();
    virtual bool initSelf();
	virtual bool initBackGround();
	virtual bool initProgress();
public:
	void setPercent(unsigned char mPercentage);
    float getPercent() const;
private:
		cocos2d::Vector<cocos2d::ProgressTimer*>* _progressBars;  
		cocos2d::Node* _backGround;                                 
};

/

/***************************ScoreBar Class**************************************/

/

ScoreBar::ScoreBar():_progressBars(nullptr),
	_backGround(nullptr)
{

}

ScoreBar::~ScoreBar()
{
	_progressBars->clear();
	CC_SAFE_DELETE(_progressBars);
	CC_SAFE_RELEASE(_backGround);
}

ScoreBar* ScoreBar::create( float mPercentage )
{
	auto bar = new ScoreBar();
	if (bar&&bar->init())
	{
		bar->setPercent(mPercentage);
		bar->autorelease();
		return bar;
	}
	CC_SAFE_DELETE(bar);
	bar = nullptr;
	return nullptr;
}

bool ScoreBar::init()
{
	bool ret = false;
	if (Node::init())
	{
		IF_RETURN_FALSE(!initSelf());
		return true;
	}
	return ret;
}

bool ScoreBar::initSelf()
{
	IF_RETURN_FALSE(!initBackGround());
	IF_RETURN_FALSE(!initProgress());
	return true;
}

bool ScoreBar::initBackGround()
{
	unsigned char elementCount = 5;
	const std::string elementBg  = "grid/star_default.png";
	_backGround = Node::create();
	IF_RETURN_FALSE(!_backGround);
	addChild(_backGround);
	for (unsigned char i=0;i<elementCount;i++)
	{
		auto elementSprite = Sprite::create(elementBg);
		IF_RETURN_FALSE(!elementSprite);
		_backGround->addChild(elementSprite);
		elementSprite->setPosition(elementSprite->getContentSize().width*i,0.0f);
	}
	return true;
}

bool ScoreBar::initProgress()
{
	unsigned char elementCount = 5;
	const std::string elementPre =  "grid/star_show.png";
	float w = 0.0f;
	float h = 0.0f;
	if (nullptr==_progressBars)
	{
		_progressBars = new cocos2d::Vector<cocos2d::ProgressTimer*>();
	}
	for (unsigned char i=0;i<elementCount;i++)
	{
		auto elemntSprite = Sprite::create(elementPre);
		IF_RETURN_FALSE(!elemntSprite);
	
		w = elemntSprite->getContentSize().width;
		h = elemntSprite->getContentSize().height;
		auto mProgressBar = ProgressTimer::create(elemntSprite);
		IF_RETURN_FALSE(!mProgressBar);
		addChild(mProgressBar);
		_progressBars->pushBack(mProgressBar);
		mProgressBar->setPosition(elemntSprite->getContentSize().width*i,0.0f);
		mProgressBar->setType(ProgressTimer::Type::BAR);
		mProgressBar->setMidpoint(Vec2(0,0));
		mProgressBar->setBarChangeRate(Vec2(1, 0));
	}	

	this->setContentSize(Size(w*elementCount,h));
	//CC_SAFE_RELEASE(baseSprite);
	return true;
}

void ScoreBar::setPercent( unsigned char mPercentage )
{
	unsigned char elementCount = 5;								//the total num of  progress' star
	unsigned char perFull = 100/elementCount;					//per star full percent
	unsigned int per = mPercentage/perFull;						// full star num
	unsigned char remain = (mPercentage%perFull)*elementCount;	//the remain percent
	for(unsigned char i=0;i<_progressBars->size();i++)
	{
		if(i<per)
		_progressBars->at(i)->setPercentage(100);
		else
		_progressBars->at(i)->setPercentage(0);
	}
	if (per<_progressBars->size())
	{
		_progressBars->at(per)->setPercentage(remain);
	}
}

float ScoreBar::getPercent() const
{
	float percent = 0;
	unsigned char elementCount = 5;
	for(auto e:*_progressBars)
	{
		percent+=e->getPercentage();
	}
	return percent/elementCount;
}



   

转载于:https://www.cnblogs.com/liguangsunls/p/6708856.html