微魔方社区
登录
  • 社区首页
  • 网站首页
  • 帮助中心
  • 社区首页
  • 产品指南
  • 微魔方组件常用设置
发表新帖 回复 返回列表
  • wemorefun 论坛管理员
    主题
    31
    帖子
    116
    微魔方组件常用设置
    9372 3 楼主 发表于 2016-02-26 15:02:40

    马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。 您需要 登录 才可以下载或查看,没有帐号?立即注册

    微魔方免费自助建站平台,作为一款拖拽式、所见即所得的网页设计系统,控件是组成页面的基础元素,合理设置控件的属性,将会使您的网站更加精美。下面以按钮控件为例介绍一些常见的控件设置。


    样式设置


    图标


    图标属性是在控件上呈现一个选定图标的功能,如下图:


    QQ图片20160220180414.png


    打开控件的属性面板,如果属性里包含“图标”设置,点击下拉箭头,出现图标列表,选择一个图标后,控件上将会出现您所选择的图标。


    QQ图片20160220180511.png


    文字


    文字样式设置是用来改变控件上的文字外观的,包含字体、文字颜色、文字大小、文字样式和对齐方式五种设置,如下图:


    字体:字体目前支持宋体、微软雅黑和Arial三种。


    文字.png


    颜色:颜色有两种设置方式,您可以点击颜色小方块,弹出如图所示的颜色选择界面,选择您需要的颜色;如果您知道需要的颜色的RGB代码,也可直接在颜色方块后输入对应的RGB值完成颜色更改(例如输入“#FF0000”则为红色)。如果您需要清除颜色设置,可打开颜色选择器点击右上角的 “×”按钮,或者直接清空RGB值。


    文字颜色.png


    大小:改变字体大小的设置,支持的值范围为12~32。

    样式:改变字体样式。加粗、斜体、下划线。

    对齐:文字在控件上所处位置。靠左、居中、靠右三种。


    文字样式对齐.png


    背景


    背景设置是用来改变控件整体背景的设置。支持纯色背景、渐变色背景、图片背景以及清空背景的设置。

    纯色背景的设置同文字颜色的设置。

    渐变色背景需要您设置两个不同的颜色,便会得到如下图所示的渐变色背景效果:


    QQ图片20160222104854.png


    图片背景则是使用一张图片作为整个控件的背景,具体设置方式如下:

    选择“图片”标签,点击下图所示的红框处,弹出图片选择界面,选择您需要的图片后,点击“确定”按钮完成选择。如果图库里没有您需要的图片,您也可也浏览“资源库”或者自己“上传资源”。选好图片之后,可通过图片下方的“位置”和“平铺”调整图片显示。特别说明:三种背景设置如果都设置了值,只会有一种生效,优先级是渐变色>图片>纯色。例如您同时设置了图片和渐变色背景,想要图片背景生效则需要清除渐变色的设置。


    背景图片选择.png


    图库.png


    边框


    边框设置为控件整个外边框的设置,支持批量设置和单条边框设置。点击“批量设置”前面的锁,变为锁定状态时,只需要改变上边框的属性值,即可完成四条边的相同设置。设置可改变边框的颜色、线型、线宽。线宽值最大为20。解除批量设置的锁定状态以后,可以对四条边框做单独设置。边框的圆角值设置最大支持20。


    边框.png


    阴影


    阴影设置可设置控件阴影的X轴Y周值,以及阴影模糊值,三种值支持的范围均为0~20。您还可以设置阴影的位置和颜色。阴影的效果请看下图:


    阴影.png


    收藏
    分享
    回复
    举报
  • mb20160226104224 普通用户
    主题
    0
    帖子
    1
    沙发 发表于 2016-02-27 18:41:02

    写得很不错  赞一个

    回复 举报
  • wuyerowm 普通用户
    主题
    0
    帖子
    1
    板凳 发表于 2016-07-14 13:44:31

    我想知道背景图片支持的是多大的

    回复 举报
验证码 换一张 发表回复
×
举报

请点击举报理由

确定
抱歉您尚未输入标题或用户名
© 2015 长沙企驰网络科技有限公司 版权所有 湘ICP备16000517号 技术支持: 微魔方