Qt製取引ツールのUI美化とコンポーネント実装
概要
本記事は、富途牛牛風取引ツールのUIをQtで再現するシリーズの第3回目です。前回までは機能面（タブのドラッグ・削除、磁力吸着など）に焦点を当てていましたが、UIは非常に素朴な見た目でした。今回は全体的な見た目の改善を中心に、QSSによるスタイリングや動的プロパティを活用したインタラクティブなデザインを紹介します。
UI改善のポイント
主な改善対象は以下 ...
8月6日 15:31 投稿
jQuery Mobile テーマフレームワークの実践
ネストされたリストのテーマ設定
ネストされたリストにページテーマと異なるテーマを適用すると、子ページの表示に一貫性が失われます。この手法では一貫性を維持するテーマ設定方法を解説します。
実装手順
<div id='container' data-role='page' data-theme='a'>
<header data-role='header' data-theme='a'>
<h1>映画一覧</h1>
</h ...
7月26日 16:31 投稿
Avaloniaにおけるメインウィンドウへの子ウィンドウ埋め込み実装
まず、Mainクラスに以下のコードを追加します。
ウィンドウデザイナーのコードは以下の通りです。
<UserControl xmlns="https://github.com/avaloniaui"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc=" ...
6月18日 22:05 投稿
HTMLフォーム要素の実践的応用
ログインフォームの作成
角丸デザインのログインフォームを作成する実装例です。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ログインフォーム</title>
<style>
.container {
...
6月11日 20:39 投稿
QtコンポーネントUIにおけるレイアウト状態の永続化手法
レイアウト状態の永続化
優れたソフトウェアは機能性だけでなく、ユーザーインターフェースの一貫性が重要です。アプリケーション終了時にUI状態を保存し、次回起動時に復元する「レイアウト記憶」機能は、ユーザビリティ向上に不可欠です。
実装概要
レイアウト記憶機能は次の流れで実装します:
終了時: UI状態をシリアライズして保存
起動時: 保存データをデシリア ...
5月24日 18:45 投稿
紫金橋クロスプラットフォームリアルタイムデータベース【スタイルシート】によるグラフィック要素のスタイル動的切り替え
紫金橋クロスプラットフォームソフトウェアはスタイルシート機能を提供しており、画面上のグラフィック要素の基本外観属性を定義し、動的にそのスタイルを切り替えることができます。
一、主要関数
bool SetStyleSheet(string Text)
説明：スタイルシートを設定します。形式は「セレクタ{プロパティ1:値; プロパティ2:値...}」です。例：「Line{color:RGB(255,0,0);backgro ...
5月23日 01:19 投稿
wired-elementsのユーザー事例集：実際の事例と学び
オンラインコースのプロトタイプ作成
教育科技会社のコース設計チームは、従来のプロトタイプツールのインターフェースが過度に洗練されているため、非技術的なコースアドバイザーが内容の構造に集中できない問題に直面していました。
解決策
フロントエンドエンジニアの李明は、wired-elementsを導入し、わずか2時間でコースプロトタイプシステムを再構築しました。
& ...
5月21日 17:48 投稿