zoukankan      html  css  js  c++  java
  • 【TouchGFX Designer】图像视图

    图像视图用于管理TouchGFX应用程序中使用的图像(位于asset images文件夹下)。它包括3个部分:树视图(左侧),表视图(中间)和属性视图(右侧)。

    图像的默认配置值可以在“ 配置”视图的“ 默认图像配置”更改

                                                                                                                                                                             TouchGFX Designer中的图像视图

    树视图

    树形视图提供了应用程序中存在的图像和文件夹的概述。可以通过拖动网格分割器拇指来更改树视图的宽度,以适合您的需求。

                           图片中的树状视图

    您可以通过单击带有加号图标的蓝色按钮或将图像直接从文件资源管理器拖到Designer中来将图像添加到asset images文件夹。添加到assets images文件夹的图像将自动显示在图像管理器中。

    单击文件夹节点将在表视图中显示该文件夹中的图像(单击根文件夹“ images”将显示应用程序中的所有图像,包括位于子文件夹中的图像)。

    单击图像节点还将在表视图中显示同一文件夹下的其他图像,然后选择它,以便可以在右侧属性视图中更改其属性。

    单击文件夹旁边的人字形将折叠/展开该文件夹。

    将鼠标悬停在节点上时,单击x按钮可使您从磁盘上删除该项目。

    表视图

    表格视图显示了位于当前所选文件夹下的图像列表,并包含与图像的不同属性相对应的不同列。单击列标题可对列表进行升序或降序排序。

                                                                                                                      图片中的表格视图

    图像列包含图像的预览。将鼠标悬停在图像预览上将以完整尺寸显示预览。单击预览将在与.png图像关联的默认应用程序中打开图像(例如paint.net)。

    单击一行将选择图像,以便可以在右侧属性视图中更改其属性。

    当单元格的值显示为灰色时,表示使用默认值。在图像上设置显式值后,如上图所示,该单元将点亮,其中图像'menu_demo_screen_05.png'的默认图像格式值更改为ARGB8888。

    属性视图

    属性视图用于更改图像的属性。它在顶部包括一个图像预览,就像在表格视图中的预览一样,如果将鼠标悬停在图像预览上,它将显示完整尺寸的版本,并且在单击时还会打开与.png文件关联的默认应用程序。

                 图片中的属性视图

    不同的属性都有默认值。如果未在属性上设置任何显式值,则默认值将在选择框中以灰色显示。设置了显式值后,该值将以点亮的方式显示,如下所示。

    按下重置按钮将删除当前值,并将其重置为默认值。设置显式值后,更改默认值不会对该特定属性产生影响。

  • 相关阅读:
    Miox带你走进动态路由的世界——51信用卡前端团队
    从零开始搭建Vue组件库 VV-UI
    你不知的DOM编程
    浅谈前后端分离与实践(一)
    处理 Vue 单页面应用 SEO 的另一种思路
    Vue服务端渲染和Vue浏览器端渲染的性能对比
    实例PK(Vue服务端渲染 VS Vue浏览器端渲染)
    使用ES6+Vue+webpack+gulp构建新一代Web应用
    耐克的定制页用canvas如何实现....跪求前端大神指点。
    Unity热更新学习(二) —— ToLua c#与lua的相互调用
  • 原文地址:https://www.cnblogs.com/skullboyer/p/13430945.html
Copyright © 2011-2022 走看看