Qt Quick�Œn�}�n�A�v���P�[�V����������Ă݂悤�F�L���[�g�ɃN���v���J���i2�j�i1/2 �y�[�W�j

Qt Quick��Google Maps���g���āA�ȒP�ȃA�v���P�[�V�������J�����悤�B��{�I�ȕ��@��e�N�j�b�N���������

» 2011�N06��07�� 00��00�� ���J
[�T�c����CKDE���[�U��]

�N���X�v���b�g�t�H�[���̃t���[�����[�N�uQt�v

�@�O��i�N���X�v���b�g�t�H�[���J�����ł���Qt�u�L���[�g�v�Ƃ��j��莞�Ԃ������Ă��܂��܂������AQt Quick�A�ڂ̑�2������͂����܂��B

�@2011�N5��23����Qt SDK 1.1.1�����������[�X����܂����B�O��̋L���ł́A�x�[�^�ł̃C���X�g�[�����@�����`�����Ă��܂����A�����菇�ŃC���X�g�[�����ł��܂��B��������Q�Ƃ��āA���Ђ��������������B

���C���X�g�[�����Ԃ�Z�k���邽�߂ɂ��A�f�X�N�g�b�v�����A�v���̊J���ł͕s�v��Maemo��Symbian��Toolchain�ASimulator�̃`�F�b�N���O���ăA�b�v�f�[�g���邱�Ƃ������߂��܂��B�܂��A�x�[�^��SDK����̃A�b�v�f�[�g�̏ꍇ�A���܂����삵�Ȃ����Ƃ�����Ƃ�����������܂��̂ŁA�������s�����ꍇ�ɂ�1�x�A���C���X�g�[�����Ă���ăC���X�g�[�����Ă݂Ă��������B

�@���̋L���ł��AQt SDK 1.1���C���X�g�[���������̂Ƃ��Đ������Ă����܂��B

�@����ł́A����́A�ȒP��Qt Quick�A�v���P�[�V�����̊J�����s���A���̉ߒ��Ŋ�{�I�ȕ��@��e�N�j�b�N�����������܂��B

Qt Quick�̊�{

��Qt Quick UI�v���W�F�N�g�̍쐬

�@�܂��́AQt Creator���N�����āAQt Quick UI�v���W�F�N�g���쐬���܂��B

�@�u�t�@�C���v���j���[����A�u�t�@�C���^�v���W�F�N�g�̐V�K�쐬�v��I�����܂��B�V�K�쐬�_�C�A���O���\������܂��̂ŁA�v���W�F�N�g�̎�ނŁuQt Quick �v���W�F�N�g�v��I�����A�uQt Quick UI�v��I�сA�u�I���v�{�^���������܂��B

vWFNg̍쐬 1 ���uQt Quick UI�v��QML�i�����JavaScript�j�݂̂ō쐬���ꂽ�A�v���P�[�V�����A�uQt Quick �A�v���P�[�V�����v��C++���܂ރA�v���P�[�V�����ƂȂ��Ă��܂��̂ŁA�ԈႦ�Ȃ��悤���ӂ��Ă�������

�@��������ƁA�uQt Quick UI�v���W�F�N�g�v�Ƃ����^�C�g���̉�ʂ��\������܂��̂ŁA�v���W�F�N�g�̖��O�ƃp�X����͂��܂��B���̍ہA�p�X�ɓ��{����g��Ȃ����ƂƁA�X�y�[�X���܂܂Ȃ��悤���ӂ��Ă��������B�����ł́A�v���W�F�N�g�̖��O���uHelloWorld�v�A�p�X���uC:\Qt\QtQuickSample�v�Ƃ��Đ������Ă����܂��BLinux�̏ꍇ�́A$HOME/QtQuickSample�Ƃ��Ă��������B

vWFNg̍쐬 2

�@���ɐݒ���e�̃T�}�����\������܂��̂ŁA�m�F�����āA�u�����v�{�^���������܂��B

vWFNg̍쐬 3

�@����ƁA�ȉ��̂悤�ɃG�f�B�^�Ƀe���v���[�g�ƂȂ�QML�̃\�[�X���\������܂��B

vWFNg̍쐬 4

��Qt Creator����̎��s

�@����ł́A�ł����T���v���R�[�h��Qt Creator������s���Ă݂܂��傤�B�����̃v���W�F�N�g�r���[�ō쐬�����v���W�F�N�g���I������Ă��邱�Ƃ��m�F���܂��B

TvR[h̎s 1

�@�����āA�ΐF�̖��{�^�����N���b�N����ƁA�����ɁuHello World�v�Ə����ꂽ��ʂ��\������܂��B

�@�I���́A�Ԃ���~�{�^�����N���b�N���Ă��������B

TvR[h̎s 2

��QML�̊�{

�@����ł́A�����������ꂽQML�̃R�[�h���g���āAQML�̊�{�I�ȕ��@�ɂ‚��Đ������Ă����܂��i�������̓s����A�e�s�ɃR�����g��NjL���Ă��܂��j�B

import QtQuick 1.0		 // (1)
 
Rectangle {			 // (2)
    width: 360			 // (3)
    height: 360			 // (4)
    Text {			 // (5)
        anchors.centerIn: parent // (6)
        text: "Hello World"	 // (7)
    }				 // (8)
    MouseArea {			 // (9)
        anchors.fill: parent	 // (10)
        onClicked: {
            Qt.quit();
        }
    }
}

�Eimport��

�@�i1�j�ɋL�q����Ă���uimport QtQuick 1.0�v�́A����QML�ŗ��p���郂�W���[����錾����R�}���h�ł��BC++��#include��Java��import�Ɠ����悤�Ȃ��̂ƍl���Ă�����č����x���Ȃ��ł��傤�B

�@Qt Quick��import�Ώۂ̃��W���[�����A1.0�̓��W���[���̃o�[�W�����ł��B

�@���̂悤��QtQuick���W���[���𗘗p���邱�Ƃ�錾���邱�ƂŁAQt���񋟂��Ă���QML�Ɋւ����{�I�ȋ@�\�𗘗p�ł��܂��B

�EQML�v�f�iQML Elements�j

�@QML�ł͕`��Ȃǂ̑ΏۂƂȂ�v�f�������񋟂���Ă���A�����g�ݍ��킹�邱�Ƃʼn�ʂ⓮����L�q���A�A�v���P�[�V������g�ݗ��ĂĂ����܂��B

�@�i2�j��Rectangle�͋�`��`�悷��v�f�A�i5�j��Text�̓e�L�X�g��\�����邽�߂̗v�f�ł��B�i9�j��MouseArea�̓}�E�X�̓����i�N���b�N�Ȃǁj���������߂̗v�f�ł��BMouseArea�ɂ‚��ẮA��قǏڏq���܂��B

�E�E�v���p�e�B

�@QML�̗v�f�́A�u{}�v�ň͂�ꂽ�����ɁA�i3�j��i4�j�̂悤�ɕ��⍂���Ƃ����������w�肷�邽�߂̃v���p�e�B�i�����j���L�q�ł��܂��B

�@�����ł́ARectangle�ɑ΂��ẮA�i3�j�ŕ���\��width�v���p�e�B��360�s�N�Z���A�i4�j�ō�����\��height�v���p�e�B��360�s�N�Z�����w�肵�Ă��܂��B�܂�Text�ɑ΂��ẮA�i7�j�Ńe�L�X�g�������\��text�v���p�e�B�ɁA"Hello World"���w�肵�Ă��܂��B

�E�E�v�f�̓���q

�@QML�̗v�f�ɂ́A�v���p�e�B�̑��ɂ��A���̗v�f���L�q���邱�ƂŁA���̗v�f�𗘗p���ĕ`�悷����e���d�ˍ��킹�ĕ\��������A������w�肵���肷�邱�Ƃ��ł��܂��B

�@���̗�ł́A�i5�j��Text���i2�j��Rectangle�̒��ɋL�q���邱�Ƃ�Text�v�f���g���ċ�`�Ƀe�L�X�g��`�悵�悤�Ƃ��Ă��܂��B

�E���C�A�E�g

�@�����ڂ̂����A�v���P�[�V�������J�����邽�߂ɁA�e�v�f���v���ʂ�ɔz�u�������Ǝv�����Ƃł��傤�B�܂��A�A�v���P�[�V�����̉�ʂ��g��E�k�������Ƃ��ɁA�ǂ̂悤�ȋ����ƂȂ�̂����C�ɂȂ邱�ƂƎv���܂��B

�@������w�肷��̂����C�A�E�g�ł��B

�@QML�ł́A�傫��3�‚̃��C�A�E�g���@������܂��B���W��T�C�Y�w��A�A���J�[���C�A�E�g�̗��p�A���C�A�E�g�v�f�̗��p��3�‚ł��B

�@���̃T���v���ł́A�T�C�Y�w��ƃA���J�[���C�A�E�g���g�p����Ă��܂��̂ŁA���҂ɂ‚��Đ������܂��B

�E�E���W��T�C�Y�w��

�@1�–ڂ��A�e�v�f������ x�Ay�Awidth�Aheight�Ƃ������v���p�e�B�Ɉʒu��T�C�Y���w�肷����@�ł��B���̗�ł́A�i3�j�Ɓi4�j��width��height�ɒ萔���w�肵�Ă��܂��B

�@�ł��ȒP�ȕ��@�ł����A�萔�����łȂ��A���̃v���p�e�B�Ƃ̊֌W��JavaScript�̎����g���ċL�q�ł���̂ŁA�_��ɐݒ�ł��܂��B

�E�E�A���J�[���C�A�E�g

�@2�–ڂ́A�e�v�f�Ԃ̃A���J�[���w�肷�邱�ƂŃ��C�A�E�g���L�q����A���J�[���C�A�E�g�ł��B�A���J�[���C�A�E�g�ł́A���W�l�ł͂Ȃ��A�֘A�t����v�f�̃A���J�[���w�肷�邱�Ƃɒ��ӂ��Ă��������B�A���J�[���C�A�E�g�Ŏg����A���J�[�ɂ͈ȉ��̂��̂�����܂��B

  • anchors.top�F���̗v�f�̏�[���A���J�[�Ŏw��
  • anchors.bottom�F���̗v�f�̉��[���A���J�[�Ŏw��
  • anchors.left�F���̗v�f�̍��[���A���J�[�Ŏw��
  • anchors.right�F���̗v�f�̉E�[���A���J�[�Ŏw��
  • anchors.verticalCenter�F���̗v�f�̏c�����̒��S�ʒu���A���J�[�Ŏw��
  • anchors.horizontalCenter�F���̗v�f�̉������̒��S�ʒu���A���J�[�Ŏw��
  • anchors.baseline�F���̗v�f�́i�e�L�X�g�́j�x�[�X���C�����A���J�[�Ŏw��

�@���ꂼ��̃A���J�[�������ʒu��}�Ŏ����ƈȉ��̂悤�ɂȂ�܂��B

} ꂼ̃AJ[ʒu

�@�܂��悭�g���A���J�[�𕡐��܂Ƃ߂Ďw�肷����@������܂��B���̏ꍇ�A�w�肷��̂͗v�f��id���̂��̂ł��邱�Ƃɒ��ӂ��Ă��������B

  • anchors.fill�F�㉺���E�̑S�ẴA���J�[���w�肵���v�f�Ɠ����ɂ��܂��Btop�Abottom�Aleft�Aright�̑S�ẴA���J�[���w�肵���v�f�̓����ʒu�̃A���J�[�Ɋ|�����̂Ɠ����ł�
  • anchors.centerIn�F����v�f�̒��S�_���A�w�肵���v�f�Ɠ����ɂ��܂��BverticalCenter�AhorizontalCenter�̑o�����w�肵���v�f�ɃA���J�[����̂Ɠ����ł�

�@���̗�ł́Aanchors.centerIn��anchors.fill���w�肳��Ă��܂��B������قǂ̊e�A���J�[�Ō•ʂɋL�q����ƁA�ȉ��̒ʂ�ɂȂ�܂��B

import QtQuick 1.0					  
 
Rectangle {						  
    width: 360						  
    height: 360						  
    Text {						  
        anchors.verticalCenter:   parent.verticalCenter	  // (6)
        anchors.horizontalCenter: parent.horizontalCenter // (6)
        text: "Hello World"				  
    }							  
    MouseArea {						  
        anchors.top:    parent.top			  // (10)
        anchors.bottom: parent.bottom			  // (10)
        anchors.left:   parent.left			  // (10)
        anchors.right:  parent.right			  // (10)
        onClicked: {
            Qt.quit();
        }
    }
}

�@�A���J�[���C�A�E�g�ł́A�}�[�W����I�t�Z�b�g���w�肷�邱�Ƃ��ł��܂��B

�@�@�@�@�@�@ 1|2 ���̃y�[�W��

Copyright © ITmedia, Inc. All Rights Reserved.

'; this.insertTarget = document.querySelector('#cmsBody .subscription') || document.querySelector('#cmsBody .inner'); }; BodyAdIMSWithCCE.prototype = Object.create(BodyAdContent.prototype); BodyAdIMSWithCCE.prototype.activate = function () { refreshGam('InArtSpecialLink'); } // global reference window.itm = itm; //entry point BodyAdEventBase.polyfill(); const bodyAdManager = BodyAdManager.getInstance(); bodyAdManager.addEventListener(BodyAdManager.EVENTS.READY, function (ev) { bodyAdManager.loadAdvertise(); }); bodyAdManager.init(); })();
�X�|���T�[����̂��m�点PR

���ڂ̃e�[�}

Microsoft  WindowsőO2025
AI for GWjAO
[R[h^m[R[h Zg by IT - ITGWjArWlX̒SŊ􂷂gD
Cloud Native Central by IT - XP[uȔ\͂gD
�V�X�e���J���m�E�n�E �y�����i�r�zPR
���Ȃ��ɂ������߂̋L��PR

RSS�ɂ‚���

�A�C�e�B���f�B�AID�ɂ‚���

���[���}�K�W���o�^

��IT�̃��[���}�K�W���́A �������A���ׂĖ����ł��B���Ѓ��[���}�K�W�������w�ǂ��������B