问题标签 [sencha-touch-theming]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1739 浏览

sencha-touch-2 - 如何将 UI“缩放”到可读大小

当我在设备上显示我的应用程序时,字体、图标和按钮小得无法使用。在平板电脑上尤其如此。

如何轻松扩展所有 UI 组件?

0 投票
1 回答
2134 浏览

sencha-touch-2 - Sencha Touch 工具栏高度

我动态创建了一个底部工具栏,但无论我为 height 属性赋予的值如何,它都有其默认高度。我尝试了百分比,像素,简单的数字,但没有任何效果。

0 投票
1 回答
841 浏览

extjs - 导航到图像点击的下一个视图?

我正在使用 dataview itemTpl 来显示我的图像(缩略图视图)。

我能够正确显示图像。如何在这些图像上添加 itemtap?这样当我点击特定图像时,会显示带有点击图像的新视图?

我用控制器试过这个,但没有运气。你能帮我解决这个问题吗?

我以 Sencha Architect 2 为例。

我正在尝试此代码。请纠正我

第一个视图

第二视图 - 点击 img 时必须显示此视图

控制器

谢谢你

0 投票
1 回答
311 浏览

sencha-touch - Sencha touch 排除所有 senchas sass/css 文件以进行定制设计?

我有一个快速的问题,希望有人能回答我。我正在为一家为 ios 和 android 开发 sencha-touch 应用程序的公司实施定制设计。

当我第一次来的时候,到处都是 !importants 和覆盖,我无法触摸任何东西,而不必在设置属性之前回溯 10 分钟。

现在我们有一个超级用户设计的新项目,我正在认真考虑尽可能多地排除 senchas sass/css 文件的所有内容,除了 maby loading-spinner 或类似的东西。

或者您是否建议至少保留一些煎茶小部件?因为我也不想弄乱煎茶逻辑。

谢谢

0 投票
1 回答
317 浏览

sencha-touch-2 - 如何在 sencha touch 2.0 中实现 sass

请告诉我如何在 sencha 2.0 中包含我们自己的 pictos。这是我的.scss文件。

PICTOS_NAME应该替换为什么以便我可以使用它?

0 投票
1 回答
1655 浏览

icons - Sencha Touch 2.2 图标不与 Base 主题一起显示

我正在尝试制作自己的自定义主题,为此我导入了 Base 主题。

我正在尝试将图标添加到这样的按钮:

该图标未显示,但如果我使用默认主题,它们就会显示。而且我已经将变量 $include-default-icons 设置为 true。

我的自定义按钮:

我应该添加什么来显示带有基本主题的图标?

0 投票
0 回答
1679 浏览

sencha-touch - saas 使用示例代码中的 scss 文件构建应用程序时出错 (Sencha Touch 2.3)

这似乎是与 saas/scss 相关的问题。我正在尝试在 Windows 7 上的 Touch 2.3 中包含示例文件中的一些 scss 代码,以获取“第一次屏幕”。这是来自示例 touchtomatoes 应用程序 (touch-2.3.0\examples\touchtomatoes\resources\sass)。

有问题的scss文件如下:

_welcomeOverlay.scss:

_media-queries.scss:

应用程序.scss:

现在,当我构建我的应用程序(sencha 应用程序构建测试)时,我收到以下错误:

现在,如果我评论以下几行(在 _welcomeOverlay.scss 中),构建会顺利进行:

我是sass的新手,有人可以帮忙吗?

拉维

0 投票
1 回答
85 浏览

extjs - 启动前更改 Sench Touch 2.3 主题

我正在尝试根据 url 参数设置我的 sencha touch 应用程序的主题。

我使用此代码来获取 css 文件的名称:

问题:现在我有了样式表,我什么时候将它添加到 DOM 中?我假设我需要监听一个表明默认 css 已添加到 DOM 的事件,以便我可以删除它并添加我的主题。我要听什么事件?

0 投票
3 回答
183 浏览

extjs4.2 - sencha touch:我无法为 Sencha Touch / ExtJS 应用程序设置主题

我正在使用 sencha 架构师开发一个 sencha 触摸应用程序。我必须根据我公司在应用程序中的标准更改背景颜色、字体颜色、字体系列和图标。

我试图创建 SASS 文件
@import 'sencha-touch/base'; @import 'sencha-touch/base/all'; $myapp-font-family:"Arial"; $myapp-gray:'#707070'; .x-body{ font-family:$myapp-font-family; background-color:myapp-gray; } .x-panel{ background-color:$myapp-gray; }

它不工作/反映。

问题:我们如何进行主题应用。我们如何在应用程序中同时使用 sass 和 css。我也想知道 ExtJS 的情况。

——斯里达尔

0 投票
2 回答
396 浏览

css - 自定义 css x-type 列表 Sencha

我们正在为我们的应用程序使用 Sencha Touch 2.3.0 框架。我们有一个按日期分组的项目列表。我们正在尝试使用 css 调整组标题的布局。互联网上的所有文档都说我们必须添加cls:'CustomClass'项目,并将类添加到 app.css 文件中。该文件中的所有其他类工作正常。所以它不能是css文件。

我们做到了,但它不起作用,我们仍然看到默认布局。有人可以帮忙吗?

列表定义: