1- تعریف Rectangle درون ResourceDictionary

[MMRavari]

با سلام
من میخوام درون برنامه برای نمایش اطلاعات خاصی از Rectangle به صورت زیر استفاده کردم که در فایل پیوست ضمیمه شده
https://barnamenevis.org/image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKgAAAA9CAYAAAA 54CJEAAAFnElEQVR4Ae1di7HcIAyki/TiglwP1dAMxZARH1v88WFi32Uzk3lnQEKsFhC8s54w AcEXoyAeLFtMA0IGBAUJHg1AiDoq90D40BQcODVCICgl92jjdy EEZs0uijbqy8KobCCAAhaAaZUrHZhhNiNKlUaY3r1FTEUNxAAQ RvgVKu0NLtk62fvuaoIFT0EQNAeQsYYLTez82VT7fEW33tu9JH pztpqIyXvPGvw0wUg6Ih7tTRbEnOqPd7qe8/VbiLdyki2MmuljDbK7I2woqr3RypA0EFHpgTUUkaxaO 51c2pmw5YJ/HD6prqbun6tToQdNCj9uQu6JBU /8nqTuJ1uuir3tcV6 vb6sHQUc8lsaYIzKjbVbqHrXhxe1A0MQ5Wu6GhYH 6miLyhKR4ceVuoeN LKGIGjmMH/Rfmzlve31ysX8Vd2Zcf9dAQg64XJczE ANygKgg4ChWbPIACCPoM7eh1EAAQdBArNnkEABH0Gd/Q6iAAIOggUmj2DAAj6DO7odRABEHQQKDR7BgEQ9Bnc0esgAiDo IFBo9gwCEUHr39SpfYMH5cBsHQdoShwEBdDrgAa2E9iGhRsgTo B4fLEEOm7nEQgKUt1OqjsnbCCo3e/vVAxdyTfsMRGuTgTLSU7Qb/tcGvC3jQH2thE4DkntZu sBUHf6Zc7rQJB70QTum5HAAS9HVIovBMBEPRONKHrdgRA0Nshf UahUr ZHgcE7fKJUs/c89oxdXUpSwilxRHCbPw9aFKiVJTVxBj/tmiUQCoemJK1dJFxu6tPl8ZzVTn/VecHso L/ItTvHtz8y6CEpEu6qLEDvZO ZRL36 3jlCy8e6 MnuSW2rYebb/s 9Y7oPxxAq6T0Mr6OpZ0rWy0mAtQWnlDJfrNQdVDGsVqz3OlNdq G9UxMmhpsoR3pbJDnmR77/cfjaMPdoJuW3klp5aj42kSPeoyehgiqNpvdFDU/dzDUoISoLRl2m32g/HXHNIkUg8PbeQujU7zkVqxODNeqmmZD6fGk1qZPw8RdHiW5PrH Sqwzr8/wpQQNlg8RVBulQkJbv/Km8WAgVepQO/YLKzXFn2rP41JK05j2Gcbgsz83qlnLwY 18bTEg0yrTVKXE7TkkBTUREnvkdII1nO6uwSxwm4j11aq1xC0G f95dAhXigMjJ6Wx4UiyWpLZzZ7v8c1EtyGVY89XoT4K67R2eUo 5w2liZeMJ0vY0aLb0cBlkWLPeR2G0MmHy50Tys3KSoD0jbL0FI XUQxU6iGrO9haDFQ0th0C4PKNuKibTc6QWZqMivtptUbquPK13 yW7vAhBVZuDCF2jVixdIVFcWex 2BvTXI49hsPMGeMBnJ3mR8Zy7U0Lj9U7SvH7xRKUEZqbl6S/BwsPCGuVMwAVZYHbke/5kPwMVN9a3rLQQl57f uELAKDj03IpdOMB96DCMw50Tw/Ovi3CcrP5ATH5at2VeV42gqW DsWylD6tvtKoeV2apf8LhkvrNSZ3qCN3VfgoaPAcobegUJkbQw LnQMbN5HOYM1KEoAMjluB4PyDEAr5OaZ87wRr6GoD6PfcmeuMy RJSJcmND 57FqlXRy8nl8Yv1s5Tz0BoKmd6cOxAPv1PE29XhJHy/j4zkT JLPosXqsIVkvT1Zf UCcVzyRkpqRvDy1Z9pIHw25gMoOSdvNVliJ1Zh9Z9U xbxKkHZCvqkrfkh6UlrLvYNgl4ErNDcrnR8V6M2gyFLQd3tRSD o7ZB n8Is5OChRHE47vDaupkpin1QCIJ ANr/LOLIfC2OnMELBJ1BD7LLEQBBl0OMDmYQAEFn0IPscgRA0OUQo4 MZBEDQGfQguxwBEHQ5xOhgBgEQdAY9yC5HAARdDjE6mEEABJ1B D7LLEQBBl0OMDmYQAEFn0IPscgRA0OUQo4MZBP4CrAaqyY//AFkAAAAASUVORK5CYII=

برای راحتی کار میخواستم اون رو در یک ResourceDictioneary تعریف کنم که از دستور Rectangle به صورت زیر استفاده کردم



<Style x:Key="NewRectangleShowData" TargetType="{x:Type Rectangle}">
<Setter Property="Fill" Value="#FFF3F4F5"/>
<Setter Property="RadiusX" Value="25"/>
<Setter Property="RadiusY" Value="25"/>
</Style>


مشکلی که به وجود اومده اینه که نمیتونم اون رو بصورت زیر تعریف تا استایل مورد نظر رو براش تعریف کنم



<Setter Property="Template">
<Setter.Value>
<
</Setter.Value>
</Setter>


چه جوری میشه اینکار رو کرد
همچنین اگر بخوام اون سه تا تکست باکس (سر تیتر، نمایش اطلاعات 1 و مشخصات) رو توری تعریف کنم که بتونم فونت، سایز، رنگ و ... رو در زمان استفاده درون برنامه تعریف کنم لازمه از استایلی جداگانه استفاده بشه یا میشه درون اون این استایل اونها رو هم تعریف کرد ممنون میشم اگه نحوه تعریف رو معین کنید
اگر آموزشی در این رابطه وجود داره معرفی تا بتونم بخونم
ممنون میشم راهنمایی کنید.

[SajjadKhati]

با سلام
من میخوام درون برنامه برای نمایش اطلاعات خاصی از Rectangle به صورت زیر استفاده کردم که در فایل پیوست ضمیمه شده
https://barnamenevis.org/image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKgAAAA9CAYAAAA 54CJEAAAFnElEQVR4Ae1di7HcIAyki/TiglwP1dAMxZARH1v88WFi32Uzk3lnQEKsFhC8s54w AcEXoyAeLFtMA0IGBAUJHg1AiDoq90D40BQcODVCICgl92jjdy EEZs0uijbqy8KobCCAAhaAaZUrHZhhNiNKlUaY3r1FTEUNxAAQ RvgVKu0NLtk62fvuaoIFT0EQNAeQsYYLTez82VT7fEW33tu9JH pztpqIyXvPGvw0wUg6Ih7tTRbEnOqPd7qe8/VbiLdyki2MmuljDbK7I2woqr3RypA0EFHpgTUUkaxaO 51c2pmw5YJ/HD6prqbun6tToQdNCj9uQu6JBU /8nqTuJ1uuir3tcV6 vb6sHQUc8lsaYIzKjbVbqHrXhxe1A0MQ5Wu6GhYH 6miLyhKR4ceVuoeN LKGIGjmMH/Rfmzlve31ysX8Vd2Zcf9dAQg64XJczE ANygKgg4ChWbPIACCPoM7eh1EAAQdBArNnkEABH0Gd/Q6iAAIOggUmj2DAAj6DO7odRABEHQQKDR7BgEQ9Bnc0esgAiDo IFBo9gwCEUHr39SpfYMH5cBsHQdoShwEBdDrgAa2E9iGhRsgTo B4fLEEOm7nEQgKUt1OqjsnbCCo3e/vVAxdyTfsMRGuTgTLSU7Qb/tcGvC3jQH2thE4DkntZu sBUHf6Zc7rQJB70QTum5HAAS9HVIovBMBEPRONKHrdgRA0Nshf UahUr ZHgcE7fKJUs/c89oxdXUpSwilxRHCbPw9aFKiVJTVxBj/tmiUQCoemJK1dJFxu6tPl8ZzVTn/VecHso L/ItTvHtz8y6CEpEu6qLEDvZO ZRL36 3jlCy8e6 MnuSW2rYebb/s 9Y7oPxxAq6T0Mr6OpZ0rWy0mAtQWnlDJfrNQdVDGsVqz3OlNdq G9UxMmhpsoR3pbJDnmR77/cfjaMPdoJuW3klp5aj42kSPeoyehgiqNpvdFDU/dzDUoISoLRl2m32g/HXHNIkUg8PbeQujU7zkVqxODNeqmmZD6fGk1qZPw8RdHiW5PrH Sqwzr8/wpQQNlg8RVBulQkJbv/Km8WAgVepQO/YLKzXFn2rP41JK05j2Gcbgsz83qlnLwY 18bTEg0yrTVKXE7TkkBTUREnvkdII1nO6uwSxwm4j11aq1xC0G f95dAhXigMjJ6Wx4UiyWpLZzZ7v8c1EtyGVY89XoT4K67R2eUo 5w2liZeMJ0vY0aLb0cBlkWLPeR2G0MmHy50Tys3KSoD0jbL0FI XUQxU6iGrO9haDFQ0th0C4PKNuKibTc6QWZqMivtptUbquPK13 yW7vAhBVZuDCF2jVixdIVFcWex 2BvTXI49hsPMGeMBnJ3mR8Zy7U0Lj9U7SvH7xRKUEZqbl6S/BwsPCGuVMwAVZYHbke/5kPwMVN9a3rLQQl57f uELAKDj03IpdOMB96DCMw50Tw/Ovi3CcrP5ATH5at2VeV42gqW DsWylD6tvtKoeV2apf8LhkvrNSZ3qCN3VfgoaPAcobegUJkbQw LnQMbN5HOYM1KEoAMjluB4PyDEAr5OaZ87wRr6GoD6PfcmeuMy RJSJcmND 57FqlXRy8nl8Yv1s5Tz0BoKmd6cOxAPv1PE29XhJHy/j4zkT JLPosXqsIVkvT1Zf UCcVzyRkpqRvDy1Z9pIHw25gMoOSdvNVliJ1Zh9Z9U xbxKkHZCvqkrfkh6UlrLvYNgl4ErNDcrnR8V6M2gyFLQd3tRSD o7ZB n8Is5OChRHE47vDaupkpin1QCIJ ANr/LOLIfC2OnMELBJ1BD7LLEQBBl0OMDmYQAEFn0IPscgRA0OUQo4 MZBEDQGfQguxwBEHQ5xOhgBgEQdAY9yC5HAARdDjE6mEEABJ1B D7LLEQBBl0OMDmYQAEFn0IPscgRA0OUQo4MZBP4CrAaqyY//AFkAAAAASUVORK5CYII=

برای راحتی کار میخواستم اون رو در یک ResourceDictioneary تعریف کنم که از دستور Rectangle به صورت زیر استفاده کردم




مشکلی که به وجود اومده اینه که نمیتونم اون رو بصورت زیر تعریف تا استایل مورد نظر رو براش تعریف کنم




چه جوری میشه اینکار رو کرد


سلام
پروپرتی Template را فقط برای کلاس هایی از نوع Control (و فرزندانش) میتونین تعریف کنین چون این پروپرتی در کلاس Control تعریف شد (مثل Grid و Button یا هر شی ای از نوع کنترل) .
کلاس Rectangle ، از نوع Control نیست . برای همین نمیتونین پروپرتی Template را براش تعریف کنید .

ضمن اینکه اگه هدف تون از تعریف Rectangle اینه که ظاهر کنترل هاتون را مدیریت کنین و ظاهرشون را تغییر بدین ، برای این کار بهتر هه از کلاس های Decorator استفاده کنین که برای تغییر ظاهر و افکت گذاری روی المنت های فرزند طراحی شده .
به عبارت دیگه ، بجای Rectangle ، بهتر هه از کلاس Border (که از نوع Decorator هست) استفاده کنین .




همچنین اگر بخوام اون سه تا تکست باکس (سر تیتر، نمایش اطلاعات 1 و مشخصات) رو توری تعریف کنم که بتونم فونت، سایز، رنگ و ... رو در زمان استفاده درون برنامه تعریف کنم لازمه از استایلی جداگانه استفاده بشه یا میشه درون اون این استایل اونها رو هم تعریف کرد ممنون میشم اگه نحوه تعریف رو معین کنید
اگر آموزشی در این رابطه وجود داره معرفی تا بتونم بخونم
ممنون میشم راهنمایی کنید.


اول اینکه اگه میخواین پشت اون 3 تا متن ("سر تیتر"، "نمایش اطلاعات" و "مشخصات") ، یه پشت زمینه قرار بدین یا دورش یک حاشیه (Border) رسم کنین یا مخصوصا اینکه با تغییر یک پروپرتی ، مشخصاتِ این 3 متن تغییر کنن ، این 3 متن را درون یک کنترل تعریف کنین (به عنوان content ئه اون کنترل یا به عنوان child کنترل والد) .
این طور اصولی نیست که Rectangle را جدا تعریف کنید و اون 3 تا متن (label) را هم به عنوان خواهر و برادرِ اون Rectangle تعریف کنید . ضمنا بجای label ، میتونید از TextBlock هم استفاده کنید (اگه به خصوصیاتِ کنترل از label بودن نیازی ندارید و صرفا میخواید متن ای را به نمایش در بیارید) :




<Border Width="300" Height="200" CornerRadius="35" Background="#FFF3F4F5">
<Border.Child>
<GroupItem FontFamily="B Naznin" FontSize="32">
<Grid Height="200" >
<Grid.Resources>
<Style TargetType="TextBlock">
<Setter Property="HorizontalAlignment" Value="Center"/>
<Setter Property="VerticalAlignment" Value="Center"/>
</Style>
</Grid.Resources>

<TextBlock Margin="0,-50, 0, 0" >سر تیتر</TextBlock>
<TextBlock FontSize="24" Margin="120,100, 0, 0" >نمایش اطلاعات </TextBlock>
<TextBlock FontSize="24" Margin="-180,100, 0, 0" >مشخصات</TextBlock>
</Grid>
</GroupItem>
</Border.Child>
</Border>


البته میتونین بجای کد بالا ، یه کنترلی تعریف کنید که برای اون کنترل ، یه template تعریف کنید و احتمالا نیازش به کد ، کمتر از این میشه یا هر کنترل و ساختار دیگه ای را که مناسب دیدین طبق نیازتون تعریف کنین .

[MMRavari]

ممنون دوست عزیز
من برای راحتی کار از Border استفاده کردم و مشکلم تا حدودی حل شد
کلأ برای ساخت UserControl یا ResourceDictionery کتابی
یا سایتی رو میشناسی
ممنون میشم راهنمایی کنی
با سپاس

[SajjadKhati]

خواهش میشود .
سایت اصلی مایکروسافت ، کامل توضیح میده .

همچنین سایت c-sharpcorner.com ، مطالب خوبی برای آموزش داره .
سایت wpf-tutorial.com هم هر چند خیلی خوب نیست ولی شاید بد هم نباشه.

ضمنا ،سیستم wpf جوری هه که خیلی کم پیش میاد که کسی به user control و custom control و کمپوننت های شرکت های دیگه نیاز پیدا کنه . با همین سیستم content و child در المنت ها میشه نیازها را برطرف کرد . مخصوصا اگه control template و data template را استفاده کنید .

[MMRavari]

ممنونم
ولی مشکل اصلی اینه که برای آموزش چیز زیادی وجود نداره
به هر حال لطف کردی به سایتی که گفتی سر میزنم
ممنون

[SajjadKhati]

خواهش میشود .
از این به بهتر و بیشتر! :

https://docs.microsoft.com/en-us/windows/uwp/design/controls-and-patterns/resourcedictionary-and-xaml-resource-references

و

https://www.c-sharpcorner.com/UploadFile/mahesh/user-control-in-wpf/

و

https://www.codeproject.com/Articles/32825/How-to-Creating-a-WPF-User-Control-using-it-in-a-W

[MMRavari]

بسیار سپاسگذلرم