bitWalk's: イメージ (Image) 〜 Kivy

2022-08-04

イメージ (Image) 〜 Kivy

Kivy は、NUI (Natural User Interface) を持つモバイルアプリやその他のマルチタッチアプリケーションソフトウェアを開発するためのフリーでオープンソースの Python フレームワークです。MIT ライセンスのもとで配布され、Android, iOS, Linux, macOS そして Windows で動作させることができます。

Wikipedia より引用、翻訳、編集

使ったことのなかった Python の GUI ライブラリ（フレームワーク）、Kivy に興味を持ったので^[1]、ひととおりウィジェットのサンプルを作ってみようとしています。サンプルを作っていくにあたって、どんなスタイルでコーディングするか、テンプレートみたいなものを固めていこうとあれこれ試し始めました。

今回はイメージのサンプルを紹介します。

Python のコードのみのサンプルと、UI 部分を分離して Kv 言語で記述した同じ動作をするサンプルを併せて紹介しています。

下記の環境で動作確認をしています。

	Fedora Linux 36	x86_64
	python3	3.10.5-2.fc36.x86_64
	Kivy	2.1.0

トップへ

Image (Python)

Image は、画像を表示するウィジェットです。PNG 形式の画像フォーマットがサポートされているということですが、JPEG 形式も大丈夫でした。

kivy_image.py

	import japanize_kivy
	from kivy.app import App
	from kivy.core.window import Window
	from kivy.uix.boxlayout import BoxLayout
	from kivy.uix.image import Image

	Window.size = (200, 200)


	class KivyImage(BoxLayout):
	def __init__(self):
	super().__init__()
	self.orientation = 'vertical'
	self.init_ui()

	def init_ui(self):
	img = Image(source='sample.jpg')
	self.add_widget(img)


	class ExampleApp(App):
	def build(self):
	self.title = 'Image'
	return KivyImage()


	if __name__ == '__main__':
	ExampleApp().run()

view raw kivy_image.py hosted with ❤ by GitHub

画像 sample.jpg には下記を使用しました。

sample.jpg

サンプルプログラムは、単に画像を表示するだけのものです。

kivy_image.py の実行例

トップへ

Image (Python + Kv)

指定したファイルを読み込むようにしたかったので、ここでは Builder.load_file() を使って、指定したファイルを読み込むようにしています。

kivy_image_1.py

	import japanize_kivy
	from kivy.app import App
	from kivy.core.window import Window
	from kivy.lang import Builder
	from kivy.uix.boxlayout import BoxLayout

	Builder.load_file('kivy_image_1.kv')
	Window.size = (200, 200)


	class KivyImage(BoxLayout):
	pass


	class ExampleApp(App):
	def build(self):
	self.title = 'Image'
	return KivyImage()


	if __name__ == '__main__':
	ExampleApp().run()