我试图在Kivy中垂直居中TextInput的文本.但还没有解决方案.

如何在kv文件中输入文本？水平居中也是很好的知道,如何做到这一点.

对于标签,我已经检查了Kivy的文本对齐示例,并且alginment正在工作,因为你可以使用'valign'和'halign'来进行对齐,但是这不适用于TextInputs.

也许使用texture_size的技巧可能有所帮助,但我需要检查它是如何工作的.我已经看到了这样一个标签的技巧,但我不知道它是否适用于TextInput.

这是我现在的kv代码:

#: set Buttonheight1 40
BoxLayout:
    size_hint_y: None
    height: Buttonheight1
    Label:
        id: _number_label
        text: "Number:"
        font_size: 10
        size_hint_x: None
        width: 50
        canvas.after:
            Color:
                rgba: 1,0,0,.5
            Rectangle:
                pos: self.pos
                size: self.size
        TextInput:
            multiline: False
            size_hint_y: None
            height: _number_label.height
            #padding_top: 10
            font_size: 10
            text: str(self.font_size)
            #text: '%s, %s' % (self.get_center_x(), self.get_center_y()) #position test

kv代码的说明:

• Buttonheight1是一个kv设置的常量
• Canvas.after仅用于调试标签的大小
• 文本输入的文本将字体大小显示为虚拟文本

也许它很容易修复,但我对Kivy很新,并没有为此找到一个例子.

这就是目前的样子:

(注意:屏幕截图中的OK按钮不在上面的kv代码中)

在 Ubuntu 13.10 上安装 buildozer 并不容易。我重新安装了 Ubuntu 几次，现在我想分享一下我是如何安装 buildozer 的。

我从 buildozer 收到以下错误：

1. ./distribute.sh not found --> no fix found（这就是我重新安装 Ubuntu 两次的原因，可能是 python 安装的问题，但我不确定）
2. _add_java_src() 失败 --> 添加正确的 Java JDK 路径修复了它

我正在尝试为Kivy Buttons添加边框,但它不能按预期工作.对于标签我的实现似乎没问题,但对于按钮,它会覆盖/清除按钮的标准外观.

如何在不改变正常行为的情况下绘制按钮上方的边框？我想像ButtonBehavior一样实现它,所以我可以用画布为每个Kivy对象添加一个边框.我称之为BorderBehavior.

样式虚线,虚线仅适用于线宽1,因为Kivy中存在一个错误(请参阅https://github.com/kivy/kivy/issues/2037)(稍后需要弄清楚这里有什么问题.)

我知道使用BorderImage绘制边框是可能的,但我想在没有图像的情况下添加简单的边框.

以下是目前的情况:

您可以在此处找到我的源代码(可以拖动标签仅用于测试目的,以确保边框始终正确定位):

https://gist.github.com/AWolf81/c6796dc2049d9872b2df

我目前正在关注这个视频教程，但我坚持使用简单的 HelloWorld 应用程序。在时间位置12m:31s是我卡住的地方它应该显示HelloWorld但它没有。

该应用程序使用 SystemJs、React 和 JSX。

要创建应用程序，请在终端中执行以下步骤（需要节点和 jspm）：

• npm init（enter对所有人）
• jspm init（enter几乎所有人，除了使用 babel）
• jspm install fetch=npm:whatwg-fetch
• jspm install react
• 创建一个应用程序子文件夹创建main.js并将我的代码复制到其中
• 创建index.html到根目录。
• 然后用服务运行它

我认为问题是我的本地服务器。我用 nodejs 运行它，http-server我认为 JSX 没有转换为 JS。也提到的serve服务器不工作。

我在浏览器控制台中收到此错误消息：

Potentially unhandled rejection [3] SyntaxError: Error loading "app/main"
[...] Unexpected token <

我如何使它工作？

这是我的代码，正是视频中的代码（它不会在这里运行，因为没有添加 js 文件）：

Potentially unhandled rejection [3] SyntaxError: Error loading "app/main"
[...] Unexpected token < …

目前，我正在尝试使用带有 ES6 转译器 Babel 和 Karma 的 Node/AngularJs/JSPM 设置一个演示项目。

服务部分正在工作。我需要稍后改进它，但是来自 angular 的第一个“hello world”正在工作。

我想添加 Karma 来运行 angular 应用程序的单元测试。但是我收到了 404 警告jspm_packages，请参见下面的屏幕截图。

我的测试没有运行，因为它总是会失败。我的测试文件看起来像这样（那里还没有特定角度的部分）：

// HomeController.spec.js
import 'angular-mocks';

describe('Test suite for HomeController', function() {

    it('dummy test', function() {
        expect(true).toBe(true); // will not fail
    });
});

不知道出了什么问题，我尝试了很多事情都没有成功，也许我做错了什么。但这是我在 Karma 配置中尝试过的：

• 尝试了许多不同的路径设置，因为我认为这是路径的问题
• 使用的代理
• Browserify 和 Bablify 来转译源代码
• 用于加载测试依赖项的 JSPM 插件

您可以在bitbucket上找到我目前正在处理的代码。

我的应用程序的目录结构如下所示：

这是 Karma 的屏幕截图：

这是我当前的 Karma 配置文件：

module.exports = function(config) {
config.set({

// base path that will be used to …

tl;dr 我创建了一个 React 包装器来将日志消息数组渲染到终端中，但调整大小会产生奇怪的输出（参见屏幕截图）。（NPM 上有一个 React-Wrapper，但它不适用于我的用例 - 导致屏幕闪烁）

我正在为 Guppy 开发一项功能，其中我为终端输出添加Xterm.js 。该 PR 可以在这里找到。

由于超链接扫描/解析，我添加了 xterm，并且它正在工作。

但我一直坚持调整大小才能工作。如果我在应用程序中启动 devServer 并等待一些文本，它将以正确的字母宽度显示。如果减小尺寸，我会得到字母宽度不正确的输出。就像下面的截图一样：

在未调整大小的状态下它看起来总是正确的，但调整大小后它会得到错误的显示 - 因此放大和缩小屏幕宽度时会发生这种情况。

输出应类似于以下屏幕截图（可能带有一些换行）：

我认为这是由Fit 插件或我使用调整大小观察器处理调整大小的方式引起的，但我不确定。

xterm 字母的跨度样式的宽度NaNpx如下图所示： 这是由我正在使用的媒体查询引起的吗？我还没有看到这一点，也许我必须暂时禁用所有媒体查询，看看这是否导致了这种行为。

到目前为止我已经尝试过：

• 包裹this.xterm.fit()成一个setTimeout(func, 0)但没有效果
• 修改了我正在使用的一些样式，但我还没有找到原因。

代码

我使用的代码可以在Github 分支 feature-terminal-links上找到，但在这里我想提取我添加的部分以使 Xterm 与 React 一起使用：

1. 我创建了一个样式组件XtermContainer作为 div，这样我就可以添加 Xterm 样式和自己的样式。以下代码位于内部render，并将成为我们的 xterm.js 容器（innerRef稍后将使用ComponentDidMount该容器初始化 Xterm）：

<XtermContainer
    width={width}
    height={height}
    innerRef={node => (this.node = node)}
/>

2. componentDidMount使用上面的容器初始化 xterm …

我正在尝试使用 gatsby-remark-images 在我的降价文件中使用内联图像。不幸的是，图像不会加载到我的本地主机上。我不知道这是否只是错误的语法，或者我遗漏了一些严重的东西。

这是配置：（我怀疑我在某处做错了什么，它在这里。）

module.exports = {
  siteMetadata: {
    title: ``,
    description: `A blog where code is written about`,
    author: `@wesley`,
  },

  plugins: [
    `gatsby-plugin-sass`,
    `gatsby-plugin-styled-components`,
    `gatsby-plugin-react-helmet`,
    `gatsby-plugin-catch-links`,
    {
      resolve: `gatsby-source-filesystem`,
      options: {
        path: `${__dirname}/src/images`,
      },
    },
    {
      resolve: `gatsby-source-filesystem`,
      options: {
        path: `${__dirname}/src/pages`,
      },
    },
    `gatsby-transformer-sharp`,
    `gatsby-plugin-sharp`,
    {
      resolve: `gatsby-transformer-remark`,
      options: {
        plugins: [
          {
            resolve: `gatsby-remark-images`,
            options: {
              // It's important to specify the maxWidth (in pixels) of
              // the content container as this plugin uses …