精华内容
下载资源
问答
  • ListBox 组件中应用 HTML 作者:darron 来源:蓝色理想 日期:2003-11-08 人气:11209 提问:2 收藏教程 | 查看提问 | 我要投稿 | 发给好友 | 错误报告 简介: FLASH MX2004中如何使用LISTBOX组件时,让...
    在 ListBox 组件中应用 HTML
    在 ListBox 组件中应用 HTML - 贫嘴的鱼 - 贫嘴的鱼的博客

    作者:darron    来源:蓝色理想  日期:2003-11-08  人气:11209  提问:2

    收藏教程 | 查看提问 | 我要投稿 | 发给好友 | 错误报告

     
    简介:
        在FLASH MX2004中如何在使用LISTBOX组件时,让部分字体变粗?可以用HTML来控制。那么如何在在 ListBox组件中应用HTML呢?请看QHWA翻译的教程……
     

        我目前正在做一个项目,使用了Flash MX 2004。情况一直很好,直到有一次我想令list中的一部分加粗。我原以为很简单,就像改变label一样,插入html标签就行了,但是生活哪有那么简单:)在做了一点阅读和挖掘之后,我终于找到了一种方法,就是今天我要和你分享的。

        下面这个就是最终的结果,你可以轻松的创建一个。

     

        这个效果是通过创建一个自定义cellRenderer,而不是ListBox默认的处理. 一个cellRenderer就是任意的一个class,这个class要实现Cell Renderer API,被用来在基于列表的组件(List,DataGrid,Tree和Menu)显示一行的内容。你可以在帮助中找到更多关于Cell Renderers的信息 Using Components -> Components Dictionary -> CellRenderer API

        按下面的步骤创建上面的例子

        1.下载我的LabelCellRenderer,解压缩到合适的路径(.fla所在的路径最好),保持压缩包中的文件目录

        2.插入一个新的MC符号,命名为"LabelCellRenderer",不加引号,这是个空的符号.

    在 ListBox 组件中应用 HTML - 贫嘴的鱼 - 贫嘴的鱼的博客

        3.在库面板的LabelCellRenderer上单击右键,从菜单中选择“linkage...”。点击“Export for ActionScript”,使用com.darronschall.LabelCellRenderer”“作为AS2.0的类。而且确定“LabelCellRenderer”作为ID。

    在 ListBox 组件中应用 HTML - 贫嘴的鱼 - 贫嘴的鱼的博客

        4.添加一个Label组件到库中。这是必要的,因为LabelCellRenderer用他来显示。

        5.拖动一个ListBox到舞台上,给他一个实例名称。我使用“myList”,在这个例子中调整他的大小到250×90。

        6.复制粘贴下面的代码,以使用LabelCellRenderer.

     

    //(普通的事件处理)  function change(eventObj) {     trace(eventObj.target.selectedItem.data);     }  //(填充ListBox - 注意label字符串中的HTML代码)  myList.addItem({label:"<b>Apples</b> ...<font color=\"#FF0000\">are<u>red</u></font>", data:"apple"});  myList.addItem({label:"<b>Oranges</b> ...<font color=\"#FF9900\">are<u>orange</u></font>",data:"orange"});  myList.addItem({label:"<b>Bananas</b> ...<font color=\"#FFCC00\">are<u>yellow</u></font>",data:"banana"});  myList.addItem({label:"<b>Pears</b> ...<font color=\"#009900\">are<u>green</u></font>", data:"pear"});  //(当内容不足以显示滚动条时,关闭这个讨厌的东西)   myList.vScrollPolicy = "off"  //(使用 LabelCellRenderer 来显示 listBox中的label,并允许使用html myList.)  cellRenderer = "LabelCellRenderer";   myList.addEventListener("change", this);  //(原文里改变了组件样式,我发现不改反而更漂亮)  //_global.style.setStyle("themeColor", 0xCCCCCC);

        这样应该可以了,祝你好运喽~

        希望你明白了怎样使用一个CellRenderer有效地显示你需要地东西,而不是去钻研List组件的内部程序.

     

    原文地址: http://www.darronschall.com/weblog/archives/000067.cfm#more

    展开全文
  • 考虑了将矢量图标从图标字体迁移到内联 SVG 的 原因 之后,我 Vue.js 找到了一个 SVG 替换图标字体的解决方案,同时仍能保持使用图标字体的灵活性和易用性——能够使用 CSS 轻松改变图标的大小、颜色以及...
  • 考虑到Android Studio将是未来最佳的安卓IDE,也越来越多的人...不管我怎么拖动那个组件都显示不出来,而且给定的字体是太小了,修改textsize也不行,于是我改了另外一个手机模式Nexus5和AppTheme,重新启动就可以

    考虑到Android Studio将是未来最佳的安卓IDE,也越来越多的人在用,所以今天我也下定决心去装,期间也遇到大大小小的问题,比如:


    不管我怎么拖动那个组件都显示不出来,而且给定的字体是在是太小了,修改textsize也不行,于是我改了另外一个手机模式Nexus5和AppTheme,重新启动AndroidStudio就可以了




    展开全文
  • 这里的特殊字体,指的是一般用户电脑未安装到本地的字体,要引入这样的字体,首先需要把字体文件下载下来。    就像上图这样的,ttf格式的,然后... 然后任意组件中可以使用了,效果如下:   转载于:h...

      这里的特殊字体,指的是一般用户电脑未安装到本地的字体,要引入这样的字体,首先需要把字体文件下载下来。

      

      就像上图这样的,ttf格式的,然后在项目里添加它。

      

      然后我们在font.css里用@font-face规则引入这个字体文件并命名它。

      

      然后在App.vue里的style导入它:

      

      然后在任意组件中就可以使用了,效果如下:

      

    转载于:https://www.cnblogs.com/zhangnan35/p/9812453.html

    展开全文
  • 5接下来我们就可以在任何组件地方使用我们的图标了,我这里就是上面生成的三个图标其中的一个。 2但是考虑网络及用户体验 阿里iconfont下载本地使用 1 阿里iconfont图标直接下载到本地 2 assets文件下创建...
  • Vue使用icon 字体图标

    千次阅读 2019-06-19 16:20:29
    1、使用线上的阿里iconfont图标库 1.打开 iconFont官网 选择...5接下来我们就可以在任何组件地方使用我们的图标了,我这里就是上面生成的三个图标其中的一个。 2、但是考虑网络及用户体验 阿里iconfont下...

    1、使用线上的阿里iconfont图标库

    1.打开 iconFont官网 选择自己喜欢的图标,并且添加购物车
    2.点击购物车,添加至项目

    3 生成链接
    4在我们的vue项目中,找到index.html文件,引入css样式,记住这里要放上你的链接地址
    如:<link rel="stylesheet" href="http://at.alicdn.com/t/font_657604_xujhsb9zlug3z0k9.css">
    5接下来我们就可以在任何组件地方使用我们的图标了,我这里就是用上面生成的三个图标其中的一个。
    如:<i class="icon iconfont icon-wode"></i>
    在这里插入图片描述

    2、但是考虑网络及用户体验 阿里iconfont下载本地使用

    1 阿里iconfont图标直接下载到本地
    在这里插入图片描述
    2 用来存放字体图标的本地文件在src/assets文件下创建iconfont文件夹
    把这些文件放入文件夹
    在这里插入图片描述
    3.如过项目中没有下载 css-loader 依赖包,就进行下载,否则会报错npm install css-loader -D
    4 当然也可以放在不同的文件夹下,但是需要注意的是必须修改iconfont.css@font-facesrc引入的字体路径为本地路径,现在默认的是绝对路径iconfont.css文件中改路径
    在这里插入图片描述
    5 在main.js中引入iconfont.css文件,如:import 'xxx/xxx/xxx/iconfont.css'
    在这里插入图片描述
    6直接使用

    <template>   
    <div style="background-color:cadetblue;color:#333;padding:30px">
        <p><i class="iconfont">&#xe633;</i> Unicode </p>
        <p><i class="iconfont icon-fanhuidingbu"></i> Font class </p>
        <p style="font-size:2em;">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-fanhuidingbu"></use>
          </svg> Symbol </p>   </div> </template>
        <script> // Font class import "../assets/iconfont/iconfont.css";、 // Symbol  import "../assets/iconfont/iconfont.js"; export default {  
    data() {
        return {};   } }; </script>
    
    <style scoped>
    * {   font-size: 24px; } /* 下面的样式可以单独写,然后引入 */ @font-face { /* Unicode  */   font-family: "iconfont";   src: url("../assets/iconfont/iconfont.eot");   src:
    url("../assets/iconfont/iconfont.eot?#iefix")
    format("embedded-opentype"),
        url("../assets/iconfont/iconfont.woff2") format("woff2"),
        url("../assets/iconfont/iconfont.woff") format("woff"),
        url("../assets/iconfont/iconfont.ttf") format("truetype"),
        url("../assets/iconfont/iconfont.svg#iconfont") format("svg"); } .iconfont {   font-family: "iconfont" !important;   font-size: 1em;  
    font-style: normal;   -webkit-font-smoothing: antialiased;  
    -moz-osx-font-smoothing: grayscale; } .icon {   width: 2em;   height: 2em;   vertical-align: -0.15em;   fill: currentColor;   overflow:
    hidden; } </style>
    
    

    3、使用vue-awesome

    1.首先安装vue-awesome依赖包

    npm install vue-awesome
    

    2.在main.js文件下 在github上可以明确看到如果考虑项目大小,只导入用于减少包大小的图标

    import ‘vue-awesome/icons/flag’ 或者不考虑大小
    在这里插入图片描述
    直接使用 <icon name=”beer”></icon>

    4、使用IconMoon

    挺好用 iconMoon可以生成自己的矢量图,这点是我喜欢的
    1.如果想要直接使用它们自带的官方图标
    选择我们想要的图标之后,点击右下角的Generate Font F
    在这里插入图片描述
    在这里插入图片描述
    这时会看到我们已经选择的图标,在这里可以修改名称等,然后点击右下角的下载
    2接下来在vue项目中创建文件夹,打开style.css样式,修改引入字体的路径(不同路径写的方式不一样,需要注意)
    在这里插入图片描述
    3在main.js中全局引入
    import ‘@/assets/css/icomoon/style.css
    如果想要使用我们自己画的.svg格式的矢量图图标,点击Import Icons
    导入我们本地的.svg格式的图标(注意,矢量图是用矢量线画的,png,jpg等使用像素来的,不可以直接用png转成svg格式,否则不成功)
    引入之后,接来下就和上面的步骤一样了。
    4直接使用

    参考:https://www.jqhtml.com/45617.html

    展开全文
  • unityui常用组件

    2021-04-15 22:04:17
    这个组件主要是添加文字所用,但unity提供了很多的字体,颜色可以搭配使用 2.image 看这个名字就知道是图片的意思,图片的用途就非常广泛,比如贴图,文字图片了等等,但是图片加载进unity无法直接使用,需要...
  • 有人说在public/index.html设置如下,然后在组件用就以1rem =100px 为基准来设置。 ``` (function (baseFontSize, fontscale) { var _baseFontSize = baseFontSize || 100; var _fontscale = fontscale || 1; ...
  • 保证用户使用中文标注补丁的同时,仍然可以用ArcInfo其他的标注功能,例如调整标注方向、标注位置,解决字符压盖冲突,设置字符间距等等。 平滑线插件主要是对线图层进行平滑处理,一般情况下将把栅格图转换成...
  • Spire.XLS for .NET是一款专业的 .NET Excel 组件, 它可以用在各种 .NET 框架,包括 .NET Core、ASP.NET 和 Windows Forms 等相关的 .NET 应用程序。Spire.XLS for .NET 提供了一个对象模型 Excel API...
  • javax.swing.JComboBox下拉列表组件中的下拉列表是一个javax.swing.JList列表,这个JList可以用在好多的地方就不多说了 如图如果想某中特定的操作后 把某个列表中的内容颜色变为指定的颜色 一般情况下使用...
  • 常规的方法创建出的字体有一定的局限性,后来网上找到了这个CLS类文件,现在发给大家,使用时候只要根据StdFont创建VB字体就行,支持中文字符集,把宽度设置成0就是由系统自动决定宽度……一直都在用
  • 最类似于Mac的字体编辑器制作从dingbat webfonts到成熟的文本字体的所有内容 绘制字体草图铅笔绘制一些字母。通过一些技巧,您可以轻松地数字化草图,并逐步创建完整的OpenType字体。速写的更多信息字体工具...
  • npm,你就可以在你的项目文件夹安装 ST-UI-Toolkit: npm install @socialtables/st-ui-toolkit 导入和使用组件 我们建议您首先开始。 一旦您有一个简单的应用程序设置,您就可以导入任何组件并立即使用它。 不...
  •  当设备因配置更改导致 Activity/Fragment 重建,ViewModel 的数据并不会因此而丢失,配合 LiveData 可以在页面重建后立马能收到最新保存的数据以重新渲染页面。 生命周期感应   View
  • 新建一个类,把我贴的代码封装在一起,然后另写个程序引用这个类,在工具箱里添加选择项,在组件选项页里浏览按钮选择这个类,会出现RichTextBoxPrintCtrl这个控件,添加成功后把这个控件当成richtextbox就行了...
  • bootstrap有许多的可用的图标,只要我们所需要的span标签里添加我们所要的图标的类就可以啦。 比如:  但是请注意:图标类不能和其他组件直接联合使用,不能和其他类同一个元素上共同存在,并且所包含图标类...
  • 组件化思路(tabbar)

    2021-04-28 09:57:15
    封装组件为的是以后可以拿来直接,使用组件的页面中可以灵活的改变组件的文字、个数、图片、背景、字体颜色以及一些其他效果,可以让别人动态的决定 以封装tabbar组件为例,实现思路 先app.vue页面写所需要的...
  • 可以在找到本指南的最新版本。 目录 自动格式化代码 更改页面<title> 安装依赖项 导入组件 代码分割 添加样式表 后处理CSS 添加CSS预处理器(Sass,Less等) 添加图像,字体和文件 使用public文件夹 ...
  • 字体图标元件库.zip

    2020-07-20 16:33:54
    Font Awesome字体图标具有轻量和友好的特性,非常适合Axure原型设计进行应用,它来制作具有交互样式的按纽和组件会变得非常方便。字体图标的样式设置方法跟设置字体的样式是相同的,选中图标字符在字体样式...
  • bind: 只调用一次,指令第一次绑定到元素时调用,这个钩子函数可以定义一个绑定时执行一次的初始化动作。 inserted:被绑定元素插入父节点时调用 update:所在组件的VNode更新时调用,但是可能发生其孩子的...
  • 1.发现问题 进行移动端适配的时候,为了各个型号的设备上能够更好的提现结构排版,决定采用rem布局。采用rem布局的时候html的字体font-size是有一个标准的。...有一种方法是可以可以用 px2rem-lo
  • 进度环组件封装

    2016-10-27 17:30:56
    进度环效果如上,我们分析上面这个组件,不同地方遇到时需要设置的。 大多数情况下: 初始化时候设置的:进度条宽、高、字体大小、已完成颜色...对于初始化时候设置的,我们可以用自定义属性来做。首先attr.xml添加
  • 拖拽的组件化写法

    2019-07-26 11:05:01
    继承:可以实现,不过要各自的原型上加上自己的业务逻辑,关键是不能互,而且每一个div都要写一套代码 组件化:把这些功能的函数名写构造函数的原型,如果这个div要实现这个功能,就传入对应的参数实现功能...
  • 这个项目是引导的。 您将下面找到有关如何执行常见任务的一些信息。 您可以在找到本指南的最新版本。 目录 安装依赖 导入组件 添加样式表 后处理CSS 添加 CSS 预处理器(Sass、Less 等) 添加图像和字体 ...
  • Android的组件宽高单位

    2020-03-18 10:38:34
    px:像素,即屏幕中可以显示的最小元素单位,分辨率越高的手机,屏幕的像素点就越多。因此,像素px表示控件的大小,会随手机的分辨率不同,而显示控件大小不同。 pt:磅数,一般pt都会作为字体单位来显示,pt...
  • 我一直寻找一套纯AS环境下使用的组件库(如果你也找,可以看看这里),曾经使用过一段时间ASWing,最终还是放弃了,后来就看到这套小巧的库。Minimal Comps是由业界大牛Keith Peter编写的一套轻量级纯AS组件库...
  • dreamweaver的各种组件

    2008-06-26 16:55:56
    Replicator 使用这个Command 可以复制任何您选种的HTML组件,并可以设定要 复制的组件中所插入的分割符。 Window maximizer 自动将当前的HTML文件最大化。 Preview Page 您是不是和我一样讨厌Dreamweaver的...
  • vocx组件.rar

    2009-08-21 21:42:58
    根据纵横多年即时通讯方面的经验和客户案例,即时通讯的文字部分可以用 Socket 简单实现,满足几十人上百人的文字通讯,但若要商用,或者互联网上运营,则不能这样简单设计。这样的系统对服务器和带宽的资源消耗...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 476
精华内容 190
关键字:

在组件中字体可以用