�@

.NET TIPS

�mSilverlight 2�n�}�E�X�E�I�[�o�[����Silverlight�R���g���[����傫���\������ɂ́H�mC#�AVB�n

�f�W�^���A�h�o���e�[�W�@��F ���F
2009/10/29

�@Web�y�[�W�̈ꕔ�Ƃ���Silverlight�R���g���[���𖄂ߍ���ł���ꍇ�A��{�I�ɂ͂��̖��ߍ��ݐ�̗̈���ł����`��ł��Ȃ��B�������A���̗̈�T�C�Y�����傫�Ȃ��̂��ꎞ�I�ɕ\�����������Ƃ����邾�낤�B���̂悤�ȏꍇ�A�ꎞ�I��Silverlight�R���g���[���̃T�C�Y��傫������Ƃ������@������B

�@�Ⴆ�΁ASilverlight�R���g���[����Ƀ}�E�X�E�J�[�\��������Ă����ԁi�ȍ~�A�}�E�X�E�I�[�o�[�j�̂Ƃ��ɂ����ASilverlight�R���g���[���̃T�C�Y��傫������Ȃǂł���B���̃T���v���ł́A�}�E�X�E�I�[�o�[����Silverlight�R���g���[���������傫���Ȃ�A�}�E�X���O���ƌ��̃T�C�Y�ɖ߂�B

Microsoft Silverlight ���擾
�}�E�X�E�I�[�o�[����Silverlight�R���g���[����傫���\������T���v��
��Silverlight�R���g���[�����傫���Ȃ��Ă��A���̂ق���HTML�R���e���c������Ă��Ȃ����ƁiHTML�R���e���c���Silverlight�R���g���[�������Ԃ����Ă��邱�Ɓj�ɒ��ӂ��Ăق����B

���}�E�X�E�I�[�o�[����Silverlight�R���g���[����傫���\��������@

�@��̃T���v���̏ꍇ�ASilverlight�R���g���[���̃T�C�Y���傫���Ȃ��Ă��A���̂ق���HTML�R���e���c�ɉe����^���Ȃ����A���̗��R��HTML�R�[�h�ɂ���B��̓I�ɂ́ASilverlight�R���g���[��������HTML�R�[�h�͎��̂悤�ɂȂ��Ă���B

<div id="silverlightControlHost"
  style="width: 400px; height: 80px;">

  <object id="silverlightControl"
    data="data:application/x-silverlight-2,"
    type="application/x-silverlight-2"
    style="position:relative; width: 400px; height: 80px;">
    �c�c�ȗ��c�c
  </object>

  �c�c�ȗ��c�c
</div>
���Έʒu�ɔz�u���ꂽSilverlight�R���g���[��������HTML�R�[�h
�R�[�h����style�����ł�CSS�v���p�e�B���ݒ肳��Ă���B
�Ewidth�v���p�e�B�F����
�Eheight�v���p�e�B�F����
�Eposition�v���p�e�B�F�ʒu�i�urelative�v�͑��Έʒu��\���j

�@���Ȃ݂ɁAASP.NET�R���g���[���̏ꍇ�́A���̂悤��ASP.NET�R�[�h�ɂȂ�B

<div id="silverlightControlHost"
    style="width: 400px; height: 80px;">
  <asp:Silverlight ID="silverlightControl"
    runat="server" Source="~/slapp.xap"
    MinimumVersion="2.0.31005.0"
    style="position:relative; width: 400px; height: 80px;"/>
</div>
���Έʒu�ɔz�u���ꂽSilverlight�R���g���[��������ASP.NET�R�[�h�i.aspx�t�@�C���j

�@����HTML�R�[�h�ł́A<div>�v�f�ɂ���āAHTML�R���e���c���ɉ���400px�A����80px�̗̈�i��������P�ʂ̓s�N�Z���j���쐬����Ă���B���̗̈�̍������Ƃ���ʒu�i�����Έʒu�Frelative position�j�ɁA����400px�i�s�N�Z���j�A����80px��<object>�v�f�i��Silverlight�R���g���[���j���z�u����Ă���B������C���[�W�ɂ���ƁA���̐}�̂悤�ɂȂ�i<div>�v�f��1��̃��C���Ƃ���<object>�v�f�����݂��A<div>�v�f��<object>�v�f�̍���̈ʒu����v����Ƃ����C���[�W�j�B

���Έʒu�ɔz�u���ꂽSilverlight�R���g���[���̃C���[�W�}
���̂悤�ɑ��Έʒu�ɔz�u���ꂽHTML�v�f�́AHTML�R���e���c�̗̈���g�p���Ă��Ȃ��̂ŁA���̃T�C�Y���ω����Ă�HTML�R���e���c�̗̈�ɂ͉e����^���Ȃ��B

�@�v����ɁASilverlight�R���g���[���̃}�E�X�E�I�[�o�[���ɂ��̃T�C�Y��ω�������ɂ́A<object>�v�f�i��Silverlight�R���g���[���j�̃T�C�Y�݂̂�ω�������΂悢�i��<div>�v�f�̃T�C�Y�͕ω������Ȃ��j�B

�@Silverlight�R���g���[���̃T�C�Y��ω�������ɂ́ASilverlight�A�v���P�[�V����������<object>�v�f��CSS�v���p�e�B�𓮓I�ɕύX����΂悢�BCSS�v���p�e�B�̕ύX���@�́uTIPS�F�mSilverlight 2�nHTML�v�f��style������CSS�v���p�e�B���擾�^�ݒ肷��ɂ́H�v���Q�l�ɂ��Ăق����B

�@���Ƃ̓}�E�X�E�I�[�o�[���Ƃ����łȂ��Ȃ����Ƃ��̃C�x���g����������΂悢�B�}�E�X��Silverlight�R���g���[���ɓ������Ƃ��ɔ�������̂�MouseEnter�C�x���g�ŁA�O�ꂽ�Ƃ��ɔ�������̂�MouseLeave�C�x���g�ł���B�����̃C�x���g�E�n���h����MouseEventHandler�f���Q�[�g�iSystem.Windows.Input���O��ԁj�Ƃ��Ēlj����A���̒���Silverlight�R���g���[���̃T�C�Y��ύX���鏈�����L�q�����̂��A���̃T���v���E�R�[�h���B

using System.Windows.Browser;
using System.Windows.Input;

HtmlElement slControl;

public Page()
{
  InitializeComponent();

  slControl = HtmlPage.Plugin;

  this.MouseEnter += new MouseEventHandler(Page_MouseEnter);
  this.MouseLeave += new MouseEventHandler(Page_MouseLeave);
}

void Page_MouseEnter(object sender, MouseEventArgs e)
{
  slControl.SetStyleAttribute("width", "500px");
  slControl.SetStyleAttribute("height", "130px");
}

void Page_MouseLeave(object sender, MouseEventArgs e)
{
  slControl.SetStyleAttribute("width", "400px");
  slControl.SetStyleAttribute("height", "80px");
}
Imports System.Windows.Browser
Imports System.Windows.Input

Dim slControl As HtmlElement

Public Sub New()
  InitializeComponent()

  slControl = HtmlPage.Plugin
End Sub

Private Sub Page_MouseEnter(ByVal sender As Object, ByVal e As MouseEventArgs) Handles Me.MouseEnter
  slControl.SetStyleAttribute("width", "500px")
  slControl.SetStyleAttribute("height", "130px")
End Sub

Private Sub Page_MouseLeave(ByVal sender As Object, ByVal e As MouseEventArgs) Handles Me.MouseLeave
  slControl.SetStyleAttribute("width", "400px")
  slControl.SetStyleAttribute("height", "80px")
End Sub
MouseEnter�^MouseLeave�C�x���g�E�n���h���̃T���v���E�R�[�h�i��FC#�A���FVB�j
Silverlight�̃��C���E�y�[�W�iPage�N���X�j�̒��ɁA���̃R�[�h��NjL����B

�@���̃R�[�h������Ε�����悤�ɁASilverlight�R���g���[����HTML�v�f�i<object>�v�f�j�́A�u���E�U��HTML DOM�ɃA�N�Z�X���邽�߂�HtmlPage�N���X�iSystem.Windows.Browser���O��ԁj�̐ÓI�v���p�e�BPlugin����擾�ł���B

�@���̃R�[�h�����s����ƁA�`���̃T���v���Ɠ�������ɂȂ�B

�@�Ȃ��A�}�E�X�E�I�[�o�[����Silverlight�R���g���[���̕\���ʒu���ύX�������ꍇ�����邾�낤�B���̂悤�ȏꍇ�ɂ́ACSS��left�v���p�e�B��top�v���p�e�B��ݒ肷��΂悢�B���̐ݒ�̃^�C�~���O�́A�M�҂�����������ł́ASilverlight�R���g���[���̃T�C�Y���ύX���ꂽ���オ�œK�Ȃ悤���B�‚܂�ASilverlight�R���e���c�̈��Resized�C�x���g�E�n���h����CSS��left�v���p�e�B��top�v���p�e�B��ݒ肷��΂悢�BResized�C�x���g�E�n���h���̎������@�ɂ‚��ẮA�uTIPS�F�mSilverlight 2�nSilverlight�R���g���[���̎��ۂ̃T�C�Y���擾����ɂ́H�v���Q�l�ɂ��Ăق����BEnd of Article

�J�e�S���FSilverlight 2�@�����ΏہFHTML DOM
�g�p���C�u�����FMouseEventHandler�f���Q�[�g�iSystem.Windows.Input���O��ԁj
�g�p���C�u�����FHtmlPage�N���X�iSystem.Windows.Browser���O��ԁj
�g�p���C�u�����FContent�N���X�iSystem.Windows.Interop���O��ԁj
�֘ATIPS�F�mSilverlight 2�nHTML�v�f��style������CSS�v���p�e�B���擾�^�ݒ肷��ɂ́H
�֘ATIPS�F�mSilverlight 2�nSilverlight�R���g���[���̎��ۂ̃T�C�Y���擾����ɂ́H

���̋L���Ɗ֘A���̍����ʂ�.NET TIPS
�mSilverlight 2�nSilverlight�R���g���[���̎��ۂ̃T�C�Y���擾����ɂ́H
�mSilverlight 2�nHTML�v�f�N���b�N����Silverlight�̃��\�b�h�����s����ɂ́H
�mSilverlight 2�nJavaScript�R�[�h����Silverlight�̃I�u�W�F�N�g�𗘗p����ɂ́H
�mSilverlight 2�nSilverlight�v���O�C���E���[�h����JavaScript�R�[�h�����s����ɂ́H
�mSilverlight 2�n�y�[�W�\�����Ƀe�L�X�g�{�b�N�X�Ƀt�H�[�J�X��ݒ肷��ɂ́H
���̃��X�g�́A�i���j�f�W�^���A�h�o���e�[�W���J������
�����֘A�L���T���V�X�e�� Jigsaw�i�W�O�\�[�j �ɂ�莩�����o�������̂ł��B
generated by

�u.NET TIPS�v


Insider.NET �t�H�[���� �V���L��
  • ��2��@�Ȍ��ȃR�[�f�B���O�̂��߂� �i2017/7/26�j
    �@�����_���ŋL�q�ł��郁���o�̑����Athrow���Aout�ϐ��A�^�v���ȂǁAC# 7�ɂ͈ȑO�����R�[�h���Ȍ��ɋL�q�ł���悤�ȋ@�\����������Ă���
  • ��1��@Visual Studio Code�f�o�b�O�̊�b�m�� �i2017/7/21�j
    �@Node.js�v���O�������f�o�b�O���Ȃ���AVisual Studio Code�ɓ�������Ă���f�o�b�O�@�\�̊�{�́u�L�v���}�X�^�[���悤
  • ��1��@���ĂȃR�[�f�B���O�̂��߂� �i2017/7/19�j
    �@C# 7�Œlj����ꂽ�V�@�\�̒�����A�u���l���e�����\���̉��P�v�Ɓu���[�J���֐��v���Љ��B�����͕�����₷���R�[�h���L�q����̂Ɏg����
  • Presentation Translator �i2017/7/18�j
    �@Presentation Translator��PowerPoint�p�̃A�h�C���B�v���[���e�[�V�������̎����̕t����A������ł̎��^�����A�X���C�h�̖|����s����
��IT���[���}�K�W���@�V������X�^�b�t�̃R���������[���œ͂��܂��i�����j

���ڂ̃e�[�}

Insider.NET �L�������L���O

�{�� ����