質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Kivy

Kivyは、Pythonを用いたNUI開発のためのオープンソースフレームワーク。マルチタッチなど多くの入力に対応したNUIアプリなどを開発することができます。多くの環境で動作するクロスプラットフォームです。

Python 3.x

Python 3はPythonプログラミング言語の最新バージョンであり、2008年12月3日にリリースされました。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

Q&A

解決済

1回答

3186閲覧

Python Kivy 文字の入出力ができない

shut9

総合スコア14

Kivy

Kivyは、Pythonを用いたNUI開発のためのオープンソースフレームワーク。マルチタッチなど多くの入力に対応したNUIアプリなどを開発することができます。多くの環境で動作するクロスプラットフォームです。

Python 3.x

Python 3はPythonプログラミング言語の最新バージョンであり、2008年12月3日にリリースされました。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

0グッド

0クリップ

投稿2018/10/09 12:44

編集2018/10/11 14:35

前提・実現したいこと

Python Kivyを用いて、GUIに入力した文字がそのまま同じウインドウに出力されるようなプログラムを作成しています。

発生している問題

下の画像はプログラムを実行したときのウィンドウですが、右上の白いボックスに文字を入力すると、右下の黒い部分に文字が出力されるようなものを作成したいです。
しかし、現状では、右下ではなく、左下の角に出力されるようになっています。
どのように修正するとよいのでしょうか。
実行画面

該当のソースコード

#-*- coding: utf-8 -*- from kivy.config import Config Config.set('graphics', 'width', '1024') Config.set('graphics', 'height', '768') Config.set('graphics', 'resizable', False) from kivy.app import App from kivy.uix.widget import Widget from kivy.uix.label import Label from kivy.properties import StringProperty, ListProperty from kivy.core.text import LabelBase, DEFAULT_FONT from kivy.resources import resource_add_path class TextWidget(Widget): text = StringProperty() def __init__(self, **kwargs): super(TextWidget, self).__init__(**kwargs) pass def test(self): num = self.ids["number"].text self.add_widget(Label(text=num)) pass class MylayoutApp(App): def __init__(self, **kwargs): super(MylayoutApp, self).__init__(**kwargs) self.title = 'test' def build(self): return TextWidget() if __name__ == '__main__': MylayoutApp().run()

kvファイル

TextWidget: <TextWidget>: BoxLayout: orientation: 'vertical' size: root.size BoxLayout: orientation: 'horizontal' Label: text: "Input" TextInput: id: number BoxLayout: orientation: 'horizontal' Label: text: "Output" Label: on_touch_down: root.test()

補足情報(FW/ツールのバージョンなど)

MacBook Pro (macOS High Sierra 10.13.6)
Python 3.6.1
Cython 0.28.5
Kivy 1.10.1

修正後の実行画面

修正後

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

def test(self): num = self.ids["number"].text self.add_widget(Label(text=num,pos=(900, 100))) pass

としてください。なお、これはKivyの公式マニュアルには書いていないのですが、
add_widget実行時にposを指定していない場合は、自動的にpos=(100, 100)が指定されます。
Kivyの原点は右下ですので、右下に表示されるのはそのためです

投稿2018/10/10 22:41

dario_okazaki

総合スコア282

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

shut9

2018/10/11 14:34

ご回答いただきありがとうございます。 確かに、positionを調整すると、右下へと表示ができるようになりました。 大変助かりました。 もう一つ質問をさせていだたきたいのですが、現状だと、補足以下に追加した図のように、一度Inputした後で別の内容をInputすると、右下のOutputは前に書き込んだ情報が残ったままになっており、文字が重なってしまいます。 これを修正する方法はございますか。
shut9

2018/10/12 12:37

すみません、もう一つあるのですが、 kvファイルでLabel: "hoge"と書いた場合には、何も位置の指定をせずとも分割されたウィンドウ内で中心に文字が表示されるのに対して、今回のようにpythonコード内でadd_widgetすると左下に現れるのは、両者の間でデフォルトの位置座標の定義が異なるためでしょうか。
shut9

2018/10/14 01:45

すみません、追加の質問の1つ目については自己解決いたしました。 出力のテキストをtext=StringProperty()として、右下のウィンドウのラベルをtext: root.textとすると解決しました。
dario_okazaki

2018/10/15 12:33

>add_widgetすると左下に現れるのは、両者の間でデフォルトの位置座標の定義が異なるためでしょうか。 BoxLayoutの外と中での違いです。単にadd_widgetすると、どこにも属さないwidgetが生成されるたmです。 以下を参考にしてください http://www.naka-sys.okinawa/python3-6-2-kivy-layout-boxlayout/ 後は、Inspecterとかを使用して、widgetの位置関係を見ることをお勧めします。 https://qiita.com/gotta_dive_into_python/items/caa3e0f41ddfaedcdb95
shut9

2018/10/17 00:17

ご回答いただき、ありがとうございました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問