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

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

ただいまの
回答率

87.48%

[Kivy-python] Buttonを用いた画像表示方法

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 2,058

score 19

下記のように’img_show’ボタンを押すと、Piantクラス内の関数img_show()が呼び出され、画像(./sample.jpg)が表示されてほしいのですが、ボタンを押しても初期画面から変化がありません。

クラスNet()はこの問題には絡んでいないとは思いますので、飛ばしてもらって結構です。

どうすればよいでしょうか?ご教授のほどよろしくお願いいたします。

カレントディレクトリにsample.jpgは置かれています。

import random

from kivy.config import Config
# 起動時のウィンドウサイズ
Config.set('graphics', 'width', '2048')
Config.set('graphics', 'height', '1024')

from kivy.app import App
from kivy.clock import Clock
from kivy.properties import StringProperty, ObjectProperty
from kivy.uix.widget import Widget
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.label import Label
from kivy.graphics import Line, Color
from kivy.core.window import Window
from kivy.uix.image import Image
from kivy.graphics.texture import Texture

import os
from collections import OrderedDict
from torch.autograd import Variable
from options.test_options import TestOptions
from data.data_loader import CreateDataLoader
from models.models import create_model
import util.util as util
from util.visualizer import Visualizer
from util import html

import numpy as np
import torch
import cv2

class Net():
    # 認識モデルを読み込む
    def __init__(self):
        #self.model = torch.load(".\checkpoints\label2city_1024p/latest_net_G.pth", map_location=lambda storage, loc: storage) # 学習済みの重みファイルを読み込む
        #self.model.eval() # 今回は学習は行わない
        #self.sm = nn.Softmax(dim=1) # どの結果も信頼性が低い場合にスコアで足切りしたいのでsoftmaxで正規化する

        self.opt = TestOptions().parse(save=False)
        self.opt.nThreads = 1   # test code only supports nThreads = 1
        self.opt.batchSize = 1  # test code only supports batchSize = 1
        self.opt.serial_batches = True  # no shuffle
        self.opt.no_flip = True  # no flip
        self.data_loader = CreateDataLoader(self.opt)
        self.dataset = self.data_loader.load_data()
        self.visualizer = Visualizer(self.opt)

        self.web_dir = os.path.join(self.opt.results_dir, self.opt.name, '%s_%s' % (self.opt.phase, self.opt.which_epoch))
        self.webpage = html.HTML(self.web_dir, 'Experiment = %s, Phase = %s, Epoch = %s' % (self.opt.name, self.opt.phase, self.opt.which_epoch))



    # 画像ファイル名を入力して認識結果を返す
    def predict(self):
        if not self.opt.engine and not self.opt.onnx:
            model = create_model(self.opt)
            if self.opt.data_type == 16:
                model.half()
            elif self.opt.data_type == 8:
                model.type(torch.uint8)

            if self.opt.verbose:
                print(model)
        else:
            from run_engine import run_trt_engine, run_onnx

        for i, data in enumerate(self.dataset):
            if i >= self.opt.how_many:
                break
            if  self.opt.data_type == 16:
                data['label'] = data['label'].half()
                data['inst']  = data['inst'].half()
            elif self.opt.data_type == 8:
                data['label'] = data['label'].uint8()
                data['inst']  = data['inst'].uint8()
            if  self.opt.export_onnx:
                print ("Exporting to ONNX: ", self.opt.export_onnx)
                assert self.opt.export_onnx.endswith("onnx"), "Export model file should end with .onnx"
                torch.onnx.export(model, [data['label'], data['inst']],
                        self.opt.export_onnx, verbose=True)
                exit(0)
            minibatch = 1 
            if self.opt.engine:
                generated = run_trt_engine(self.opt.engine, minibatch, [data['label'], data['inst']])
            elif self.opt.onnx:
                generated = run_onnx(self.opt.onnx, self.opt.data_type, minibatch, [data['label'], data['inst']])
            else:        
                generated = model.inference(data['label'], data['inst'], data['image'])

            visuals = OrderedDict([('input_label', util.tensor2label(data['label'][0], self.opt.label_nc)),
                           ('synthesized_image', util.tensor2im(generated.data[0]))])
            img_path = data['path']
            print('process image... %s' % img_path)
            self.visualizer.save_images(self.webpage, visuals, img_path)
            #print(visuals,img_path)


class Paint(Widget):
    image_texture = ObjectProperty(None)
    image_src = StringProperty('')

    def __init__(self, **kwargs):
        super().__init__(**kwargs)
        self.line_width = 2 # 線の太さ
        self.lines = [] # undo用に線を格納するリスト
        self.in_drawing = False # 描画中か否かを判定
        self.canvas.add(Color(0,0,0))
        self.model = Net()
        #self.source = StringProperty('./sample.jpg')


    def calc_pos(self, bbox):
        xmin = min(bbox[0], bbox[2])
        ymin = min(bbox[1], bbox[3])
        xmax = max(bbox[0], bbox[2])
        ymax = max(bbox[1], bbox[3])
        return xmin,ymin,xmax,ymax

    # クリック中(描画中)の動作
    def on_touch_move(self, touch):
        if self.in_drawing == False:
            if self.pos[0]<touch.x<self.pos[0]+self.size[0] and self.pos[1]<touch.y<self.pos[1]+self.size[1]:
                self.in_drawing = True
                with self.canvas:
                    touch.ud['line'] = Line(points=(touch.x, touch.y), width=self.line_width)
        elif touch.ud:
            if self.pos[0]<touch.x<self.pos[0]+self.size[0] and self.pos[1]<touch.y<self.pos[1]+self.size[1]:
                touch.ud['line'].points += [touch.x, touch.y]

    # クリック終了時の動作
    def on_touch_up(self, touch):
        if self.in_drawing:
            self.lines.append(touch.ud['line'])
            self.in_drawing = False

    # 直前の線を消去
    def undo(self):
        if len(self.lines)>0:
            line = self.lines.pop(-1)
            self.canvas.remove(line)

    # キャンバスを全消しする
    def clear_canvas(self):
        for line in self.lines:
            self.canvas.remove(line)
        self.lines = []

    def save_canvas(self):
        #Window.screenshot('./a.png')
        self.export_to_png('./aaaa.png',scale=1.0)

    def predict(self):
        self.export_to_png('/aaaa.png')
        self.model.predict()
        print("done")

    def img_show(self):
        filename = './sample.jpg'
        self.image_src = filename
        img = cv2.imread(filename,cv2.IMREAD_UNCHANGED)
        #img = cv2.resize(img, (128, 128))
        img = cv2.cvtColor(img, cv2.COLOR_BGR2RGB) # openCVの色の並びはBGRなのでRGBに直す
        img = cv2.flip(img, 0)
        #cv2.imwrite("./bbbb.png",img)
        texture = Texture.create(size=(img2.shape[1], img2.shape[0]))
        texture.blit_buffer(img2.tostring())
        self.image_texture = texture


class PaintQuiz(BoxLayout):
    def __init__(self, **kwargs):
        super(PaintQuiz, self).__init__(**kwargs)
        pass


class PaintQuizApp(App):
    def __init__(self, **kwargs):
        super(PaintQuizApp, self).__init__(**kwargs)
        self.title = 'PAINT TOOL'


    def build(self):
        return PaintQuiz()


if __name__ == '__main__':
    app = PaintQuizApp()
    app.run()
<PaintQuiz>:
    canvas:
        Color:
            rgb: 1,1,1
        Rectangle:
            pos: self.pos
            size: self.size
    BoxLayout:
        size: root.size
        orientation: 'vertical'

        Paint:
            size_hint_y: 0.6
            id: paint_area
            allow_stretch: True
            source: paint_area.image_texture

        BoxLayout:
            size_hint_y: 0.1
            Button:
                id: button_undo
                size_hint_x: 0.25
                text: 'Undo'
                on_release: paint_area.undo()

            Button:
                id: button_clear
                size_hint_x: 0.25
                text: 'Clear'
                on_release: paint_area.clear_canvas()

            Button:
                id: button_run
                size_hint_x: 0.25
                text: 'img_show'
                on_release: paint_area.img_show()

            Button:
                id: button_reset
                size_hint_x: 0.25
                text: 'Save'
                on_release: paint_area.save_canvas()
  • 気になる質問をクリップする

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

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

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • teamikl

    2020/05/20 15:16

    上記コードからは、変数 img2 の定義が確認できませんが、エラーはでてませんか?

    キャンセル

  • Kenza

    2020/05/21 15:58

    返信ありがとうございます。そこの個所に関してimg2からimgに変更しましたが、相変わらず、ボタンを押しても初期画面から変化はなかったです。

    個人的にはkvfileの source: paint_area.image_texture のコードが反映されていないのではと思っていますが、具体的な原因はわからないです。。。 よろしくお願いいたします。

    キャンセル

  • teamikl

    2020/05/21 19:34

    コードは実行できてないのですが、原因はそこかな
    Imageにファイル名を指定する時のsource ではなく、
    テクスチャ利用時は texture: paint_area.image_texture ですね。

    キャンセル

回答 1

checkベストアンサー

+1

修正点:

  • Widget -> Image 等 or Widgetにしたい場合は canvas 内の要素にする。
  • source: -> texture:
  • tostring() -> tobytes() ※ 影響なし
  • Textureのオプション colorfmt ※ 試しただけで影響なし

※確認出来てないだけで影響があるかどうかわかりません。
元コードは動かせてませんが、画像が出ない症状の確認 → 修正を確認出来ました。


動作確認用

from kivy.app import App
from kivy.properties import ObjectProperty
from kivy.uix.boxlayout import BoxLayout
from kivy.graphics.texture import Texture
import cv2

class TestImageShow(BoxLayout):
    image_texture = ObjectProperty(None)

    def img_show(self):
        filename = './sample.png'
        img = cv2.imread(filename,cv2.IMREAD_UNCHANGED)
        img = cv2.cvtColor(img, cv2.COLOR_BGR2RGB) # openCVの色の並びはBGRなのでRGBに直す
        img = cv2.flip(img, 0)
        texture = Texture.create(size=(img.shape[1], img.shape[0]))
        texture.blit_buffer(img.tobytes())
        self.image_texture = texture


class TestImageShowApp(App):
    pass


if __name__ == '__main__':
    app = TestImageShowApp()
    app.run()
TestImageShow:
    Button:
        id: show_button
        text: "Show"
        on_release: root.img_show()
    Image:
        id: paint
        texture: root.image_texture

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2020/05/25 15:28 編集

    ありがとうございました!
    解決しました!

    キャンセル

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

  • ただいまの回答率 87.48%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る