Translate

Jump to: navigation, search
Settings

Information about the group Translation of the wiki page Development/Tutorials/KDE3/Qt Designer and KDevelop 3.0 for Beginners.
NavigationShowing messages from 1 to 100 of 165. [ Previous page ] [ Next page ]
Development/Tutorials/KDE3/Qt Designer and KDevelop 3.0 for BeginnersCurrent message text
... Beginners/Page display title/jaDevelopment/Tutorials/KDE3/Qt Designer and KDevelop 3.0 for Beginners
... KDevelop 3.0 for Beginners/1/ja{{improve}}
{{KDE3}}
... KDevelop 3.0 for Beginners/2/ja==はじめに==
... KDevelop 3.0 for Beginners/3/ja[http://www.trolltech.com/products/qt/features/designer Qt Designer] で何か役立つものを作り始められるように、今からシンプルなプログラムを作って Qt Designer と [http://www.kdevelop.org/ KDevelop] の力を見てみます。貴方が初めての "本当の" KDEアプリケーションを作る手助けとなれば幸いです。
... KDevelop 3.0 for Beginners/4/ja[http://www.kdevelop.org/ KDevelop] は完全な KDE アプリケーションを作成するのを補助するツールです。 KDE プロジェクトは autoconf や automake といったツールを用いているのですが、[http://www.kdevelop.org/ KDevelop] は必要なファイルを全て用意してくれます。(adminディレクトリ, Makefile.cvs, Makefile.am ...)
... KDevelop 3.0 for Beginners/5/ja==Requirements==
... KDevelop 3.0 for Beginners/6/ja===How to Get Qt Designer===
... KDevelop 3.0 for Beginners/7/ja====From your Distribution====
... KDevelop 3.0 for Beginners/8/jaQt Designer is part of the qt-3.2.x package and above. If you have an older Qt on your system, you should get at least this version. At the time of writing, Qt latest version is 3.3.2.
... KDevelop 3.0 for Beginners/9/jaPlease remember to check if you have all the qt-related packages installed. You need the qt headers in order to compile this tutorial application. These headers usually come in the ''devel'' package. You also need to be sure you have designer. In some distributions, it comes in a separate package.
...KDevelop 3.0 for Beginners/10/jaTo check if you have everything, do a:
<code>locate qstring.h</code>
...KDevelop 3.0 for Beginners/11/jaIf you get something like ''/usr/lib/qt3/include/qstring.h'' then you can set your ''QTDIR'' variable to ''/usr/lib/qt3/''. In bash environment, this is done by typing:
...KDevelop 3.0 for Beginners/12/ja<code>export QTDIR= /usr/lib/qt3</code>
...KDevelop 3.0 for Beginners/13/ja====Tarball or Anonymous Subversion====
...KDevelop 3.0 for Beginners/14/jaYou can download the tarball from the [http://www.trolltech.com/download/qt/x11.html Trolltech website], or get the ''qt-copy'' module from SVN. Please note that Qt for [http://www.kernel.org/ Linux] is [http://www.gnu.org/copyleft/gpl.html GPL].
...KDevelop 3.0 for Beginners/15/jaFor an explanation for how to use anonymous SVN, get the ''qt-copy'' and ''kde'' modules and compile them, please see a great documentation at [[Special:myLanguage/Getting_Started/Sources/Using Subversion with KDE|Using Subversion with KDE]].
...KDevelop 3.0 for Beginners/16/jaYou must then set the ''QTDIR'' environment variable. This should point to the directory into which you installed Qt. In bash, for example, you would type <code>export QTDIR= /usr/local/qt</code> 
provided that ''/usr/local/qt'' is the directory into which you installed Qt. Please read the INSTALL file for more details.
...KDevelop 3.0 for Beginners/17/jaYou then compile by issuing the following commands, here is the recommended compile line:
...KDevelop 3.0 for Beginners/18/jaThe command ''make install'' is not needed.
...KDevelop 3.0 for Beginners/19/jaQt Designer is located in the ''bin'' directory of your Qt installation directory. You can run it by typing:
<code>/usr/local/qt/bin/designer</code>
in a console.
...KDevelop 3.0 for Beginners/20/jaTo compile Qt from source, please see [http://www.trolltech.com/ Trolltech]'s [http://www.trolltech.com/developer/downloads/qt/x11 Qt/X11 Open Source Edition] page.
...KDevelop 3.0 for Beginners/21/ja===How to get KDevelop 3===
...KDevelop 3.0 for Beginners/22/ja====From your Distribution====
...KDevelop 3.0 for Beginners/23/jaKDevelop 3 should be part of your distribution. Pre 3 versions of KDevelop were nicknamed Gideon, but they are obsolete now.
...KDevelop 3.0 for Beginners/24/ja====From Tarball====
...KDevelop 3.0 for Beginners/25/jaKDevelop can be downloaded from the [http://www.kdevelop.org KDevelop website], under the '''Quick download''' heading.
...KDevelop 3.0 for Beginners/26/jaTo compile KDevelop 3, you need qt-3.1.0 or higher and kdelibs-3.1.0 or higher. The environment variables ''QTDIR'' and ''KDEDIR'' should point to those directories.
...KDevelop 3.0 for Beginners/27/jaDon't forget to set up the KDE and Qt paths. The most common errors while using KDevelop come from the environment variables not set up properly. Check in a console by issuing the command <code>set</code> to see all your environment variables. You should set your ''PATH'' variable as follow as well as your ''LD_LIBRARY_PATH'':
{{Input|1=export PATH=$QTDIR/bin:$KDEDIR/bin:$PATH
export LD_LIBRARY_PATH=$QTDIR/lib:$LD_LIBRARY_PATH}}
...KDevelop 3.0 for Beginners/28/jaIf you have any problem getting KDevelop running, please refer to the [http://www.kdevelop.org/phorum5/ KDevelop Forum] to find the answer to your problem.
...KDevelop 3.0 for Beginners/29/jaIf you never used KDevelop before, try to create a new project and to compile it to get used to the interface and the icons.
...KDevelop 3.0 for Beginners/30/ja====KDevelop 3.4====
...KDevelop 3.0 for Beginners/31/jaPlease refer to [http://www.kdevelop.org/index.html?filename=3.4/download.html Downloading KDevelop 3.4] and [http://www.kdevelop.org/index.html?filename=3.4/branches_compiling.html Compiling KDevelop 3.4].
...KDevelop 3.0 for Beginners/32/ja===Lexicon===
...KDevelop 3.0 for Beginners/33/ja* '''Widget''': a widget is an element of an graphical interface such as a container window, a button or a field for entering text.
...KDevelop 3.0 for Beginners/34/ja* '''Layout management''': this term describes the way in which widgets are arranged in a window. In its simplest form, an element may be placed at a specific position and given a specific height and width. But when the user resizes the window, the widgets should stay in their position and change their size accordingly. Linux allows to do that by using layouts to place the widgets in.
...KDevelop 3.0 for Beginners/35/ja* '''Signal and Slots''': Signals and slots are used for communication between objects. The signal/slot mechanism is a central feature of Qt. Signals are emitted by objects when they change their state in a way that may be interesting to the outside world. Slots can be used for receiving signals, but they are normal member functions. You can connect as many signals as you want to a single slot, and a signal can be connected to as many slots as you desire. Please see the [http://doc.trolltech.com/3.3/signalsandslots.html TrollTech documentation on signals and slots] for more details. In the excellent online documentation that comes with Qt, you'll find the signals and the public slots that go with each class. You can then implement your own slots.
...KDevelop 3.0 for Beginners/36/ja==アプリケーションの作成==
...KDevelop 3.0 for Beginners/37/ja===プロジェクトの開始===
...KDevelop 3.0 for Beginners/38/ja====KDevelopを使ってフレームワークを作成====
...KDevelop 3.0 for Beginners/39/jaKDevelop を使うとメインウィンドウのようなプログラムの枠組は簡単かつ迅速に生成されます。KDevelop を起動し、Project メニューから <menuchoice>NewProject</menuchoice> を選択して下さい。するとアプリケーションウィザードが表示されます。<menuchoice>C++ -> KDE -> Simple KDE Application</menuchoice> を選択して下さい。次に、下部の Project Name ''SigCreate''、Autor、Emailを埋めて下さい。(図参照)
...KDevelop 3.0 for Beginners/40/ja[[Image:KDevelop3-CreateNewProject.png|center|thumb|350px]]
...KDevelop 3.0 for Beginners/41/ja''Next'' をクリックし、CVS オプションとヘッダーのテンプレートに目を通して下さい。最後の画面で ''Finish'' をクリックして下さい。すると KDevelop はプロジェクトをコンパイルするために必要なファイルをすべて生成します。以下のように、ファイルセレクターを用いて main.cpp, sigcreate.cpp, sigcreate.h という3つのファイルを見ることができます。
...KDevelop 3.0 for Beginners/42/ja[[Image:KDevelop3-FileSelector.png|center|thumb|350px]].
...KDevelop 3.0 for Beginners/43/ja''アプリケーションウィザード''がアプリケーションを生成したら、問題が無いかを確認するためにコンパイルをして下さい。コンパイルをする為には<menuchoice>Build -> Run automake & friends</menuchoice>を選択し、そこから <menuchoice>Build -> Run configure</menuchoice> を選んで下さい。次のようなメッセージが表示されれば成功です。
...KDevelop 3.0 for Beginners/44/ja{{Output|1= Good - your configure finished. Start make now
*
* *** Success ***
}}
...KDevelop 3.0 for Beginners/45/ja次に <menuchoice>Build -> Build Project</menuchoice> を実行します。(もしくは F8 でショートカット) そして <menuchoice>Build -> Install</menuchoice> し、<menuchoice>Build -> Excute program</menuchoice> (もしくは F9)を実行して下さい。結果は次の図のようになります。[[Image:KDevelop-SigCreate.png|center|thumb|350px]]
...KDevelop 3.0 for Beginners/46/ja{{Note|1=もし KDevelop が ''QTDIR'' や ''KDEDIR'' を認識しないなら、以下の図のように、<menuchoice>Configure Options -> Project -> Project Options...</menuchoice> で指定して下さい。}}
...KDevelop 3.0 for Beginners/47/ja[[Image:KDevelop3-ConfigureOptions.png|center|thumb|350px]]
...KDevelop 3.0 for Beginners/48/ja====Qt Designer を使う====
...KDevelop 3.0 for Beginners/49/jaQt Designer はユーザーインターフェースをデザインし、実装する為のツールです。フォームに部品を並べたり、正しくリサイズされるように適切なレイアウトを加えるのを補助します。Qt Designer の全てを知ろうとするならば、[http://doc.trolltech.com/3.3/designer-manual.html Qt Designer マニュアル]を読むのを勧めます。Qt Designer はコードエディタも含んでいますが、コードを書くのには KDevelop を使うことにします。
...KDevelop 3.0 for Beginners/50/ja今からQt Designer を使用してアプリケーションのインターフェースを作成します。Qt Designer で作成したファイルは .ui という拡張子で保存され、uic によって処理されて .hファイルと .cpp ファイルが自動生成されます。これはKDevelopによって配慮されるので、しなければならないことはフォームを作成することだけです。
...KDevelop 3.0 for Beginners/51/ja{{Note|1=KDevelop のプロジェクトからファイルを加えたり削除したりする度に Makefile.am が更新されます。(今回は .ui ファイルを加えようとしています。) KDevelop は自動的にこれを処理しますが、このような変更の後には ''Run automake & friends'' を実行する必要があります。}}
...KDevelop 3.0 for Beginners/52/jaKDevelop で <menuchoice>File -> New</menuchoice> を選択し、表示されたダイアログの項目を埋めます。最初にファイル名を入力します。''sigcreatedlg'' と入力し、コンボボックスで作成したいファイルの種類を選択します。今は <menuchoice>Widget(.ui)</menuchoice> を選択してください。また、<menuchoice>Add to project</menuchoice>がチェックされていることを確認して下さい。これによって Makefile.am が更新されます。次のスクリーンショットを参照してください。
...KDevelop 3.0 for Beginners/53/ja[[Image:KDevelop3-NewFile-Widget.png|center|thumb|350px]]
...KDevelop 3.0 for Beginners/54/ja<menuchoice>OK</menuchoice> ボタンをクリックします。すると Automake Manager ダイアログが表示されます。
...KDevelop 3.0 for Beginners/55/ja[[Image:KDevelop3-AutomakeManagerDialog.png|center|thumb|350px]]
...KDevelop 3.0 for Beginners/56/ja同様に、<menuchoice>OK</menuchoice> ボタンをクリックします。
...KDevelop 3.0 for Beginners/57/jaもし ''sigcreatedlg.ui'' が Qt Designer で新しく開かれ無い場合、<menuchoice>Automake Manager</menuchoice> を開いてファイルを右クリックして <menuchoice>Open With -> Qt Designer</menuchoice>を選択して下さい。Qt Designer が起動するでしょう。
...KDevelop 3.0 for Beginners/58/ja{{Tip|1=ファイル名前について: ダイアログやフォームの名前の最後に ''dlg'' をつけるのは良い考えです。何故なら、コードを見ようとする人にとっては非常に分かりやすいからです。''sigcreatedlg'' という名前はダイアログということを示しています。}}
...KDevelop 3.0 for Beginners/59/jaQt Designer のインターフェースは3つの部分に分かれています。
...KDevelop 3.0 for Beginners/60/ja[[Image:QtDesigner3-Interface.png|center|thumb|350px]]
...KDevelop 3.0 for Beginners/61/ja左側が''ツールボックス''で、widget を選択したりします。右側には何種類かのダイアログを表示させることができますが、画像では''Property Editor'' ダイアログだけを表示しています。(他の二つは表示させていません) ここでは widget を色々と設定する事ができます。例えば、大きさ、背景のカラー (パレット) 等です。真中がインターフェースをデザインするための場所で、作成中の''フォーム''が表示されます。
...KDevelop 3.0 for Beginners/62/ja{{Note|1=''sigcreatedlg.ui'' を追加した後、プログラムをビルドする前に <menuchoice>Automake Automake & friends</menuchoice>、そして <menuchoice>configure を実行</menuchoice>する必要があります。これによって初めて ''Makefile.am'' への更新が適応されます。}}
...KDevelop 3.0 for Beginners/63/ja===プログラムのデザイン===
...KDevelop 3.0 for Beginners/64/jaQt Designer を使う際には、しっかりとしたインターフェースのイメージを頭の中で持っているべきです。下の画像は今から作るプログラムの外観です。
...KDevelop 3.0 for Beginners/65/ja[[Image:KDevelop3-SigCreateDialog.png|center|thumb|350px]]
...KDevelop 3.0 for Beginners/66/jaIt is a window with a number of different items (or widgets) on it, designed so that the user puts the right information in the right boxes. You should always design your program from the user's point of view, as it must be easy to use.
...KDevelop 3.0 for Beginners/67/jaこのアプリケーションは email signature を作成し、表示するものです。ユーザーは名前とメールアドレスを入力し、3つのコメントから1つを選択します。<menuchoice>Create!</menuchoice> ボタンをクリックすると作成された signature が ''MultiLineEdit'' に表示されます。 <menuchoice>Cancel</menuchoice> ボタンを押すとプログラムが終了します。
...KDevelop 3.0 for Beginners/68/ja{{Note|1=このプロジェクトはチュートリアルの為のもので実際に活用できるような類のものでは有りません。}}
...KDevelop 3.0 for Beginners/69/ja新しいダイアログが開かれている Qt Designer のウィンドウに戻りましょう。右側のプロパティエディタに作成したフォームの詳細が表示されています。''Property Editor'' の最初の行にはフォームの名前が表示されており、最初はForm1となっています。
...KDevelop 3.0 for Beginners/70/ja[[Image:QtDesigner3-PropertyEditor.png|center|thumb|350px]]
...KDevelop 3.0 for Beginners/71/jaここをクリックして SigCreateDlg に変更します。これによってダイアログのクラス名も変わるので、分かりやすい名前にするべきです。
...KDevelop 3.0 for Beginners/72/jaプロパティを変更するには、変更したいプロパティを選択し、右側の設定を変更します。試しに ''Caption'' プロパティを "SigCreateDlg v.01" に変更してみて下さい。これから、widget をダイアログに加えていきます。
...KDevelop 3.0 for Beginners/73/ja===ウィジェットの追加===
...KDevelop 3.0 for Beginners/74/jaまず始めに、以下のようにウィンドウの上部にテキストを挿入してみましょう。
[[Image:KDevelop3-NewFile-Widget.png|center|thumb|350px]]
...KDevelop 3.0 for Beginners/75/jaこのテキストはユーザーにプログラムの使い方を教えるもので、この種のウィジットは ''Label'' と呼ばれており、次のようにして設置することができます。
...KDevelop 3.0 for Beginners/76/ja# 左側の ToolBox で <menuchoice>Common Widgets->TextLabel</menuchoice> を選択する、もしくはメニューバーから <menuchoice>Tools->Display->TextLabel</menuchoice> を選択して下さい。
...KDevelop 3.0 for Beginners/77/ja# フォームの上にカーソルを持って行くと十字架になるので、ぺイントプログラムで四角形を描く様にマウスを操作して下さい。(一度クリックしてからサイズを変えても良いです) すると仮のテキストが設定されているラベルが作成されます。
...KDevelop 3.0 for Beginners/78/ja# このテキストを変更する為には、ラベルをダブルクリックして ''TextLabel1'' の代わりに違うテキストを挿入します。ここでは {{Input|1=This program will create an email signature for you. Just fill in the boxes and hit the Create! buton.}} と入力して下さい。次に<menuchoice>中央揃え</menuchoice>を選択し、テキストが見栄え良く表示されるようにしましょう。以下のスクリーンショットを参考に: [[Image:QtDesigner3-TextEditDialog.png|center|thumb|350px]]
# 最後にきちんとしたサイズになるようにウィジットをリサイズします。一応マウスを使ってラベルが中央に来るようにして下さい。後でもっとエレガントなレイアウトテクニックを見てみることにしましょう。次のスクリーンショットが参考になるでしょう: [[Image:QtDesigner3-ResizingBox.png|center|thumb|350px]]
...KDevelop 3.0 for Beginners/79/ja"選択、ドラッグ、プロパティとサイズの変更"という操作で Qt Designer でサポートされているどんなウィジットも埋め込む事が出来ます。
...KDevelop 3.0 for Beginners/80/jaQt Designer の興味深い点は、ウィジットが他のウィジットのコンテナになることができるという事です。これはフレーム内に入力欄を作ると言う次の過程で分かります。下の画像を見てみると、いくつかのラベルとテキストボックスがフレームの中に配置されています。このフレームは Group Box と呼ばれ、ラベルとテキストボックスを内部に持つコンテナの役割を果たします。まず始めに、<menuchoice>ToolBox ダイアログ -> Containers</menuchoice> もしくはメニューバーの <menuchoice>Tools->Containers->GroupBox</menuchoice>から GroupBox を選択して GroupBox を作成してみましょう。先程作ったラベルのすぐ下に、ドラッグ& 
ドロップで GroupBox を作成して下さい。そして''プロパティエディタ''で title プロパティを <code>Details</code> に変更して下さい。 title プロパティの左側に'+'マークが有るのに気付くでしょう。これはサブプロパティを持っていることを示しています。
...KDevelop 3.0 for Beginners/81/jaGroupBox を作成した後は、今度は GroupBox 内に3つのラベルを配置して下さい。 Object Explorer box (<menuchoice>Windows menu -> Views -> Object Explorer</menuchoice>) を見ると、ラベルが GroupBox フレームの子オブジェクトと成っていることが確認できます。下の画像を見て下さい。
[[Image:QtDesigner3-EditingTheDialog.png|center|thumb|350px]]
...KDevelop 3.0 for Beginners/82/jaダブルクリックしてラベルのテキストを変更して下さい。
...KDevelop 3.0 for Beginners/83/jaこの手順を追えたら、次はテキストボックスを作成します。これによってユーザーは名前とメールアドレスを入力することができるようになります。ここでは QLineEdit と呼ばれる一番単純なタイプのテキストボックスを使用することにします。このウィジットではユーザーは一行だけのテキストを入力することができます。今から名前、メールアドレスの両方に QLineEdit を作成します。メニューから <menuchoice>Tools -> Input -> LineEdit</menuchoice> として LineEdit を 'Your Name' ラベルの隣に配置して下さい。同じことをアドレスについても同じ操作を行って下さい。
...KDevelop 3.0 for Beginners/84/ja次にユーザーが気の利いたコメントを選択できるようにしましょう。ComboBox を用いてユーザーが3つのコメントから選べるようにします。ComboBox アイコンをクリックするか、<menuchoice>Tools-> Input-> ComboBox</menuchoice> から選択します。Witty Comment ラベルの右に配置してダブルクリックして下さい。すると combo box の選択肢を加える事ができるダイアログが表示されます。<menuchoice>New Item</menuchoice> ボタンをクリックし、右側のテキストボックスにコメントを入力して下さい。再度 <menuchoice>New Item</menuchoice> ボタンで2番目、3番目のコメントも追加して下さい。終わったら <menuchoice>OK</menuchoice> ボタンを押して下さい。
...KDevelop 3.0 for Beginners/85/ja見栄えが良くなる様にウィジットのサイズを調節して下さい。
...KDevelop 3.0 for Beginners/86/ja[[Image:QtDesigner3-BeforeLayoutManagement.png|thumb|350px]] ここまでに配置したウィジットには名前を付けていませんでした。後でプログラム内で参照する時に便利なように内部的な名前を設定するのは非常に良い事です。ラベルはアクションを全く起こさないので名前を付ける必要は有りませんが、他のウィジットは名前を付ける必要が有ります。It is the case now for our text boxes. We'll need to manipulate the data from the three input widgets (i.e. read the text) so we should give them a name. 名前は簡単なものかつ意味の有るもので無ければなりません。プロパティエディタの name プロパティで名前を設定する事ができます。ここでは一番上の LineEdit を ''nameBox''、次の LineEdit を ''mailBox''、そして ComboBox を ''commBox'' と名付ける事にしましょう。これにより、コメントにアクセスすることができるようになります。So click on each <menuchoice>LineEdit</menuchoice> and then besides <menuchoice>Name</menuchoice> in the Property Editor write <code>nameBox</code> and <code>mailBox</code>. Then click on the <menuchoice>ComboBox</menuchoice> and name it <code>commBox</code>.
...KDevelop 3.0 for Beginners/87/ja''Generated Signature'' というテキストラベルを追加して下さい。そして最後にそのラベルの下に生成された signature を表示するTextEdit (<menuchoice>Tools->Input->TextEdit</menuchoice>)を配置します。これは <code>sigBox</code> と名付けて下さい。それから、一番下に2つの PushButton ('Create!' と 'Cancel') を付け加えます。名前は必要ありませんが、あなたにとって必要であればつけても構いません。
...KDevelop 3.0 for Beginners/88/ja最後に保存して下さい。 メニューから <menuchoice>Preview -> Preview Form</menuchoice> を使ってフォームのプレビューを見る事が出来ます。This is the form ''before'' layout management.
...KDevelop 3.0 for Beginners/89/ja===Getting Spaced Out===
...KDevelop 3.0 for Beginners/90/jaこの章ではレイアウト管理を説明します。プレビューでウィンドウのサイズを変えるとウィジットがきちんと配置されなくなることに気付くでしょう。ウィジットがリサイズされていないのです。これを改善するためには''スペーサー''と呼ばれる Qt の機能を駆使する必要が有ります。スペーサーというのはウィジットを反対に押し返す仮想的なバネの様なものです。
{{Note|1= 文字列が他の言語に翻訳された時には、よいレイアウトがアプリケーションにとって欠かせないものとなります。英語よりも長い言語に翻訳された場合にもウィジットがきちんと整列されている必要が有ります。ユーザーがウィンドウをリサイズした時にもウィジットが正しく配置されなければなりません。レイアウトは試行錯誤を繰り返してするものなので、<menuchoice>Preview -> Preview Form</menuchoice> を使ってレイアウトの結果を確認し、一番良いレイアウトを作り出して下さい。}}
...KDevelop 3.0 for Beginners/91/jaスペーサーの使い方は試行錯誤を繰り返す中で身に付けて行く技術です。スペーサーついて覚えておかなければならない事は、まず始めに横向きの処理をし、そして縦向きの処理をするということです。
...KDevelop 3.0 for Beginners/92/ja[[Image:QtDesigner3-AddingTheSpacers.png|left|thumb|350px]]
まず最初にスペーサーを使って上部のテキストを中央に配置してみましょう。ラベルをリサイズしてテキストの占めるサイズだけになるようにして下さい。次にラベルの左右に2つのスペーサーを加えます。<menuchoice>バネ</menuchoice>のアイコンを押すか、もしくはメニューから <menuchoice>Layout -> Add Spacer</menuchoice> を選択します。そしてテキストの左と右にそれぞれスペーサーを設置して下さい。ここでは両方とも"horizontally"を選択します。Click the space to the left of the text and the blue spacer will appear. Repeat the same procedure for the right.また、下の画像のように "GeneratedSignature" の右側と "Create!" ボタンの左側にも同様のスペーサーを挿入して下さい。
...KDevelop 3.0 for Beginners/93/jaこれでブランクスペースを埋めるスペーサーを作りましたが、まだ適切なレイアウトを施す必要があります。これによってメインウィンドウがリサイズされてもウィジットが適切にリサイズされるようになります。よいレイアウト管理をするのは本当に強制的です。もう一度リサイズを繰り返して全ての部品がうまく配置されるかどうか見てみて下さい。私達は Vertical、Horizontal レイアウトと Grid レイアウトを使用する事ができます。一番上の段のウィジット (spacer + label + spacer) は水平に並んでいる必要が有ります。そこで水平管理を行う必要が有ります。<keycap>Shift</keycap> を押しながらクリックする事によって3つのウィジットを同時に選択して下さい。そしてツールバーの<menuchoice>Horizontal Layout アイコン</menuchoice>をクリックするかメニューから <menuchoice>Layout->Layout Horizontally</menuchoice> を選択します。すると3つのオブジェクトがリサイズ可能な赤い線で囲まれ、これはレイアウトが管理されていることを示しています。もし必要なら赤いボックスをリサイズして下さい。
...KDevelop 3.0 for Beginners/94/jaこの操作を GroupBox のなかの3つのラベルについても行って下さい。ただし、この場合は Vertical レイアウトを使用します。また、2つの LineEdit と ComboBox についても Vertical レイアウトを適応して下さい。この場合は Vertical マネジメントを利用するのが得策です。もし各々の label + textbox に horizontal マネージメントを使用してしまうと、一直線にならず、サイズも一定になりません。最後に'Generated Signature' ラベルとスペーサー、そして2つのPushButton?とスペーサーにもHorizontalマネージメントを施して下さい。Horizontal management is needed for the label with the spacer and another one for the two pushbuttons and the spacer.
...KDevelop 3.0 for Beginners/95/jaTo finish the layout, we need to let the form look after the laid-out boxes. 全てをgridに配置します。フォームを右クリックし、<menuchoice>Lay Out in a Grid</menuchoice> を選択して下さい。最終的なデザインは下の画像の様になります。
[[Image:QtDesigner3-CompleteLayoutManagement.png|center|thumb|350px]]
...KDevelop 3.0 for Beginners/96/ja===シグナルとスロット===
...KDevelop 3.0 for Beginners/97/ja[http://doc.trolltech.com/3.0/signalsandslots.html シグナルとスロット]は Qt オブジェクト間の通信に使われます。シグナル/スロット機構は Qt の核となる特徴であり、callback をよく使う他のツールキットとはおそらく一番違う部分でしょう。Qt ではシグナルはウィジットが特定のイベント (よくあるのはユーザーがボタンを押したり、LineEdit に文字を入力しる時など)が起こった時に発信されます。 スロットは特定のシグナルに反応して呼び出される単なる関数です。
...KDevelop 3.0 for Beginners/98/ja既にウィジットが追加されレイアウトを施されているので、最後にすべきプログラム作成の行程がシグナル/スロット接続を確立することです。そのためには ''connect()'' 関数を手動で記述する必要が有りますが、Qt Designer はシンプルかつ有効な解法を提供しています。それが connecting tool です。これを立ち上げるにはツールバーからアイコン (緑の四角を指している赤い矢印のアイコン) をクリックするか、メニューから <menuchoice>Tools->Connect Signals/Slots</menuchoice> を選ぶか、もしくは <keycap>F3</keycap> ショートカットキーを押します。接続を作成するには、シグナルを発信するウィジットをクリックし、そのままフォームの外へマウスをドラッグさせ、フォームの外でマウスのボタンを離します。
...KDevelop 3.0 for Beginners/99/ja[[Image:QtDesigner3-CreateSlot.png|right|thumb|350px]].
まずはCreate!ボタンを扱って見ましょう。最初に<menuchoice>Connect Signal/Slot</menuchoice>アイコンをクリックするか、メニューから <menuchoice>Tools</menuchoice> を選択、もしくは <keycap>F3</keycap> キーを押します。Create! ボタンをクリックして (この時十字カーソルになっているはずです) そのままフォームの外へドラッグします。すると2つ下の画像の様な connection tool が表示されます。
NavigationShowing messages from 1 to 100 of 165. [ Previous page ] [ Next page ]
KDE® and the K Desktop Environment® logo are registered trademarks of KDE e.V.Legal