[B! QML] mieki256のブックマーク

how to create a scrollbar for rectangle in QML

mieki256 2020/03/15

QML
Qt

リンク

QML(Qt)のListViewにスクロールバーを追加してみる Part2

QML(Qt)のListViewにスクロールバーを追加してみる Part2 ﹁QML(Qt)のListViewにスクロールバーを追加してみる﹂で、作ったものを拡張した感じです。 /// ポイント /// ・キーボード操作で一番上や下とかページ送り・バーが表示されるエリアをクリックすると一気に移動する。キーボードなしでも一気に一番上や下にいけるように。・currentIt emIndexを変更するとバーが表示される。元の作りだとマウスのスクロール機能使ってる時か慣性スクロールしてる時しかでない。 GooleCodeにコード置いてあります。﹁ListViewBaseエレメント﹂のコード import QtQuick 1.0 ListView { id: _root x: 0 y: 0 width: parent.width height: parent.height clip: tru

mieki256 2020/03/15

QML
Qt

リンク

QML(Qt)のListViewにスクロールバーを追加してみる

QMLのListViewは情報を一覧表示するのにとても便利で多用すると思います。ただ標準でスクロールバーがありません。なので、下記のサンプルのようなパーツを作って置くと勝手に表示されて便利じゃないかとそんな記事です。それほどムズカシイわけじゃないんですが、配置する位置と長さの計算に﹁visibleArea.yPosition﹂と﹁visibleArea.heightRatio﹂を使うのがポイントでしょうか。﹁contentY﹂と﹁contentHeight﹂を使って計算するとうまく行きませんでした。あと、﹁contentY﹂はリストのアイテムを先頭に追加していくとどんどんマイナス値が大きくなっていってどう扱っていいかさっぱりわかりませんでした。ただ、このスクロールバーはアイテムの高さが全部一緒の場合はいいのですが、1つずつ高さが違う場合にスクロールしていくと高さがうにょうにょ変

mieki256 2020/03/15

QML
Qt

リンク

PyQt5とpython3によるGUIプログラミング［7-1］ - Qiita

Paint SystemのDetailed Descriptionの翻訳です。変だと思ったらご意見ください。リンクをクリックするとQt5の本家にとびます。Paint SystemQtのペイントシステムは、同じAPIを使用して、スクリーンとペイントデバイスのペイントが可能となり、主にQPainter、QPaintDevice、およびQPaintEngineクラスに基づいています。QPainterは、ペイント操作を実行するために使用され、QPaintDeviceはQPainterを使用してペイントすることができる二次元空間の抽象化であり、QPaintEngineは、ペイントする人が異なるタイプのデバイス上に描画するために使用するインターフェイスを提供します。QPaintEngineクラスはQPainterとQPaintDeviceによって内部的に使用され、彼らは自分のデバイスタイプ

mieki256 2020/03/13

リンク

Registering a type in QML using PySide2

mieki256 2020/03/13

リンク

Qt Quickでマウスによる範囲選択をC++で実装する - Atsushi4のブログ

概要Qt勉強会#38@Tokyoで、Qt Quickのマウスによる矩形範囲選択がうまくいかない、というお話を聞いてやってみた内容です。Qt勉強会 #38 @ Tokyo - connpass 現象図のように、矩形の軌跡が残ってしまいます。よく見ると、ペン幅5pixelを指定しているのに左と上は3pixel、右と下は2pixelになっている、という問題もあります。再現コードQQuickPaintedIt emを継承、QPainterで描きます。myit em.h class MyIt em : public QQuickPaintedIt em { ... private: QPoint begin; QRect band; int penWidth = 5; }; mousePressで始点を保存、mouseMoveで矩形更新してpaintで描画します。myit em.cpp vo

mieki256 2020/03/13

リンク

Shape を追加しました！

7月 15, 2017 by 鈴木佑 | Comments この記事は The Qt Blogの Let There Be Shapes! を翻訳したものです。執筆: Laszlo Agocs, 2017年7月7日次の Qt 5.10 の新機能の一つとして Qt Quickに shapeプラグインを追加しました。これにより、直線や二次曲線、三次曲線、弧などからなる線や図形などのパスを Qt Quickに追加することが可能になりました。もちろん、これまでもQQuickPaintedIt em や Canvas 上で実現は可能でしたが、Shapeは Qt Quickの純正のエレメントで、シーングラフ的には実際のジオメトリもしくはベンダー固有の GPU のパスの描画機能(GL_NV_path_rendering) にて処理がなされます。 Android タブレット上での Shap

mieki256 2020/03/13

リンク

QML から OpenCV で取得したカメラ画を表示してみた - 凹みTips

修正︵2013/09/16︶ ※ タイトルが内容に即していないため変更しました︵旧: Qt Quick 2 で使える OpenCV 用の QML 要素を作ってみた︶。内容に即した記事は次回で書いています。はじめに OpenCV 始めました。C++ インターフェース使うと C++11と併せてサクサク処理できてとても楽しいです。ただ、単体ではどうしても弱い UI周りをどうしようかなと思い、広く使われている openFrameworks を使おうかとも考えたのですが、もっと気軽に扱いたく思い Qt Quick 2 の QML から使えるようにする方法を調べてみました。概要 QQmlImageProvider を利用します。 QtQuick 5.0: QQuickImageProvider Class | Documentation | Qt Project 4.x 系の時は QtDec

mieki256 2020/03/13

リンク

Qt Quick 2 で使える OpenCV 用の QML 要素を作ってみた - 凹みTips

はじめに前回︵QML から OpenCV で取得したカメラ画を表示してみた - 凹みTips︶は、QQmlImageProvider を用いたアプローチで C++ 側で作成したピクセルデータを QML 側で扱う方法を紹介しました。今回は、qmlRegisterType によって登録できる QML 要素から扱う方法を紹介します。やる内容は前回と同じく、OpenCV で取得したカメラ画を表示します出来るようになること import QtQuick 2.0 import OpenCV 1.0 Rectangle { width: 1280 height: 720 Camera { anchors.fill: parent } } これでカメラ画が出るようになります。概要QQuickPaintedIt em を継承したクラスを作成し、qmlRegisterType で登録します。これはQM

mieki256 2020/03/13

リンク

🌜 ㊙️ ☑️ QMLでOpenGLシェーダーを使用する 🤹 🐴 ❄️

mieki256 2020/03/13

リンク

万能な QML Scene Graph

3月 24, 2011 by 朝木卓見 | Comments この記事はQtBlogの ”The convenient power of QML Scene Graph" を翻訳したものです。執筆: Kim Kalland 2011年3月22日 [qt QGraphicsView] 上の QML では素晴らしい UIを作成するために必要十分な速度が得られるように、その機能が制限されています。コンポジションモードや [qt QPainterPath]、[qt QGraphicsEffect]、複雑なブラシのような遅くなりうる機能はサポートされていません。速くてレスポンスの良い UIが作りやすく、遅いものは作りにくくなるように設計しています。また、OpenGL を活用した新しいシーングラフベースの QML バックエンドの開発も進めています。QGraphicsView 上では

mieki256 2020/03/13

リンク

ヤマネコでもわかるQtQuick(1)-概説と導入 - hantas's blog

今作のロボットから開発環境をUbuntuに切り替えたため，C#で開発していた経路シミュレータがお役御免となりました。しかしWindowsで旧作マウスをいじることも考えられるため，クロスプラットフォームで動作するシミュレータをつくろうと思います。開発環境は，Ubuntu12.04LTS, gcc4.8.4，Qt5.2です。 Windows環境はWindows7 Pro 64bit，GNU Make 3.81，Qt5.1です(近いうちにバージョンそろえた方が良いですね)。QtはGUIアプリケーションをクロスプラットフォーム開発できる有名なライブラリですが，今回は一般的に用いられているQtCreatorを使わずに開発しようと思います。 (ただし，Windowsのmakeを利用したコンパイルがなぜか出来なかったので，コンパイル時のみQtCreatorを使用しています。まあWindowsでQt

mieki256 2020/03/13

リンク

ヤマネコでもわかるQtQuick(3)-QMLとC++を用いた描画枠の作成 - hantas's blog

要望があったので少し予定変更して進めます。説明は後回しにして，コード例の紹介を優先します。早速新しく次のコードを準備します。 // main.cpp #include <QApplication> #include <QQmlApplicationEngine> #include <QtQml> #include <QTextCodec> #include <QQuickView> #include "Drawing.h" int main(int argc, char **argv){ QApplication app(argc, argv); QTextCodec::setCodecForLocale(QTextCodec::codecForLocale()); qmlRegisterType<Drawing>("DrawingArea", 1, 0, "Drawing"); Q

mieki256 2020/03/13

リンク

ヤマネコでもわかるQtQuick(2)-コンパイルと簡単なデザイン - hantas's blog

前回の続きです。開発環境は導入できたとして，とりあえず画面を表示させるところまで進めます。まずは何も考えずに次のファイルを準備してください。 // main.cpp #include <QApplication> #include <QQmlApplicationEngine> #include <QtQml> #include <QTextCodec> #include <QQuickView> int main(int argc, char **argv){ QApplication app(argc, argv); QTextCodec::setCodecForLocale(QTextCodec::codecForLocale()); QQmlApplicationEngine engine("main.qml"); return app.exec(); } // main.q

mieki256 2020/03/13

リンク

Qt Quick 入門第7回: レイアウト

Qtライセンス Qtツールを最大限に活用し、商用ライセンス、サブスクリプション、またはオープンソースのオプションをご利用いただけます。

mieki256 2020/03/13

リンク

PySide2でQtQuick(qml)使うメモ1 - onagawa's diy diary

自分用のメモです。自分の動作環境は PyCharm 無料版 Python 3.7.4 or 3.6︵仮想で両方で試した︶ Pycharm内臓のVenvでパッケージ管理導入 PythonでQtを扱うにはPyQtとPysideの2つがある。 verごとに書くとこんな感じ Qt4 : PyQt4,PyiSde Qt5 : PyQt5,PySide2 という感じになる。現行で使うならQt5系を利用するほうがいいだろうということでPyQt5,PySide2を選ぶことになる。選定にあたりいろいろググった結果PySide2ってのがQt公式がサポートするQt5バインディング︵Qt for Pythonと呼ばれてるのがこれにあたる︶らしいのでこれを使うことにする。 ui->pyをする使い方 QtDesignerというソフトを使ってグラフィカルにUIをデザインしてそのファイル︵.ui︶をpysid

mieki256 2020/03/13

リンク

Your First QtQuick/QML Application - Qt for Python

mieki256 2020/03/12

リンク

QML と Qt for Python の連携

Qtライセンス Qtツールを最大限に活用し、商用ライセンス、サブスクリプション、またはオープンソースのオプションをご利用いただけます。

mieki256 2020/03/12

リンク

Qt for Python(PySide2)をQMLで開発するための環境構築

Windowsだけでなく、MacやLinuxでも動くマルチプラットフォームなGUIアプリを作ろうとした場合、いくつか選択肢があります。 JavaやElectronなどもありますよね。今回はQtというC++の開発フレームワークをPython経由で利用する方法をご紹介します。 Qt for Python(PySide2)の位置付けQtをPythonから利用するには、PyQtとPySideが有名です。 PySideはQtの開発元のThe Qt Companyがサポートしていますが、以前はあまり活発な開発が行われず、Qt5シリーズへの対処が遅れていました。ただ、近年のPythonの隆盛にこたえたのか、2018年12月についに正式版としてサポートするようになり、それまでの非公式版﹁PySide﹂と区別する意味で﹁PySide2﹂と呼ばれています。 PySide2は正式には﹁Qt for Pyt

mieki256 2020/03/12

リンク

QMLやアイコンなどのファイルもリソースとしてpythonアプリの実行ファイル形式(exe化)に含める方法

前回はQMLファイルを使ったpythonによるGUIアプリの作成手順を解説しました。 2019年6月24日Qt for Python(PySide2)をQMLで開発するための環境構築今回は作成したアプリを配布する際の事を考えてみます。配布の際には、作成したpythonコードをWindowsであればexe、Macであればapp形式などに変換するとpythonをインストールしていない人でも動かすことができるので便利です。これらの実行形式に変換するには、pyinstollerやcx_Freeze、py2exeなどが使えますが、実際のやり方はほかの記事に譲るとして、やってみるとひとつ重大な問題があることが分かります。 QMLを使ったプロジェクトを実行形式にして起動してみると、表示されない。。。どうやらQMLファイルの読み込みに失敗しているようです。

mieki256 2020/03/12

リンク

はてなブックマーク

タグ

関連タグで絞り込む (3)

QMLに関するmieki256のブックマーク (21)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

今週のはてなブックマーク数ランキング（2024年7月第1週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス