From c16cca2dcb2e72bab5eefaa1c01b2a6212693b34 Mon Sep 17 00:00:00 2001 From: guanguanchuangyu <3246907890@qq.com> Date: Sat, 26 Oct 2019 17:07:52 +0800 Subject: [PATCH] add doc of attach/borderElement --- .../attach/backgroundSwitchElement/index.md | 8 +- .../attach/borderElement/index.md | 72 +++++++++++++++++- .../attach/images/borderElement_Case_02.png | Bin 0 -> 1972 bytes .../attach/images/borderelment_case_01.png | Bin 0 -> 6701 bytes 4 files changed, 74 insertions(+), 6 deletions(-) create mode 100644 doc/source/handycontrol/attach/images/borderElement_Case_02.png create mode 100644 doc/source/handycontrol/attach/images/borderelment_case_01.png diff --git a/doc/source/handycontrol/attach/backgroundSwitchElement/index.md b/doc/source/handycontrol/attach/backgroundSwitchElement/index.md index 2fa310da..44c57a88 100644 --- a/doc/source/handycontrol/attach/backgroundSwitchElement/index.md +++ b/doc/source/handycontrol/attach/backgroundSwitchElement/index.md @@ -14,14 +14,14 @@ xmlns:hc="https://handyorg.github.io/handycontrol" {% code %} - + {% endcode %} 随后我们就可以使用该属性了: {% code %} -<目标控件 controls:BackgroundSwitchElement.MouseHoverBackground ="Blue"/> +<目标控件 hc:BackgroundSwitchElement.MouseHoverBackground ="Blue"/> {% endcode %} ## MouseDownBackground `鼠标按下背景色` @@ -31,12 +31,12 @@ xmlns:hc="https://handyorg.github.io/handycontrol" {% code %} + Value="{Binding Path=(hc:BackgroundSwitchElement.MouseHoverBackground),RelativeSource={RelativeSource TemplatedParent}}"/> {% endcode %} 随后我们就可以使用该属性了: {% code %} -<目标控件 controls:BackgroundSwitchElement.MouseDownBackground ="Yellow"/> +<目标控件 hc:BackgroundSwitchElement.MouseDownBackground ="Yellow"/> {% endcode %} \ No newline at end of file diff --git a/doc/source/handycontrol/attach/borderElement/index.md b/doc/source/handycontrol/attach/borderElement/index.md index ca12ad62..5a7470c7 100644 --- a/doc/source/handycontrol/attach/borderElement/index.md +++ b/doc/source/handycontrol/attach/borderElement/index.md @@ -1,5 +1,73 @@ --- -title: 建设中 +title: 具有边框的元素 --- +# 准备工作 + +使用该系附加属性的`.xaml`文件中,需要添加`HandyControl`命名空间 +{% code %} + xmlns:hc="https://handyorg.github.io/handycontrol" +{% endcode %} + +# 相关属性 + +| 名称 | 用途 | +| ------------ | ---------------------------------- | +| CornerRadius | 设置边框圆角值 | +| Circular | 是否呈现为圆形 True为是、False为否 | + +# 使用案例 + +## CornerRadius +设置边框的圆角值 +```xml + + + + +``` +**效果图如下:** + +![CorberRadius_Case_01](..\images\borderelment_case_01.png) +## Circular +借助`BorderElement.Circular`附加属性实现圆形Border +```xml + +``` +**效果如下:** +![borderElement_Case_02](..\images\borderElement_Case_02.png) + +# 温馨提示 + +## 常见控件支持项 + +**所属** 是指该控件为`WPF默认`控件还是为`HandControl自定义`实现的控件 +**适用属性 ** 为当前控件`borderElement`对应有效的附加属性 + +| 控件类型 | 所属 | 适用属性 | +| -------- | --------------------- | ------------ | +|Button | WPF默认 | CornerRadius | +|DatePicker|WPF默认| CornerRadius| +|ProgressBar| WPF默认|CornerRadus| +|RadioButton|WPF默认|CornerRadus| +|ToggleButton|WPF默认|CornerRadus| +|RepeatButton|WPF默认|CornerRadus| +|ToolBar|WPF默认|CornerRadus| +|**Border**|WPF默认|**Circular**| +|GroupBox|WPF默认(部分Style)|CornerRadus| +|TextBox | WPF默认、HandyControl | CornerRadius | +|PasswordBox| WPF默认、HandyControl|CornerRadus| +|ComboBox| WPF默认、HandyControl|CornerRadus| +|DateTimePicker|HandyControl|CornerRadus| +|GotoTop|HandyControl|CornerRadus| +|Gravatar|HandyControl|CornerRadus| +|NumericUpDown|HandyControl|CornerRadus| +|ProgressButton| HandyControl|CornerRadus| +|RunningBlock|HandyControl|CornerRadus| +|SearchBar|HandyControl|CornerRadus| +|SplitButton|HandyControl|CornerRadus| +|TabItem|HandyControl|CornerRadus| +|Growl|HandyControl|CornerRadus| +|Shield|HandyControl|CornerRadus(暂时无效)| +|Tag|HandyControl|CornerRadus(暂时无效)| + -建设中 \ No newline at end of file diff --git a/doc/source/handycontrol/attach/images/borderElement_Case_02.png b/doc/source/handycontrol/attach/images/borderElement_Case_02.png new file mode 100644 index 0000000000000000000000000000000000000000..9cc0f76969438e3f530a90595f281a6e36f16efb GIT binary patch literal 1972 zcmV;l2TS;gP) zZD?0j7{H&UmeS0ynJ-P7DVwH7rWR@mVQxj5!q$hh7o{)ZhaeRqjXp#W1o|Z~qZh60 z4K|Qg$YzF_Ddd)wVy-kzm(ws?IGJWv_u1pcX_DtT_dNHUd;iZ5E_bkd?>T#ZJNM<> zbI()sPXs8rwP-IcTIY$NOoSwcb;Ec0>0UX)`aCk4k!D!vu0&w&I{jQ^(mhSW^ z2IyBpKbMpOlvV%?8wD_AB*4&UeP!=dt1m@%1@HR?;D_x1ElsrEyTk4AM~(+5p9D}b zk=7$_b$k4jD9Y4b^dH9nHm(Ku{KH6U6Sdm3D33%>o()hnpIUrI2w(8Q-2lxS0KWb- zTB7xt(|+sI>necTW<<+9028A1u$%qX=Q4yV7+dHUwb4>X*VPcg>-AkV(NawUXyy(%Beb?p!!V!$u)Ag?dy!p(3?|8EU-g!T?4B){f!Q6%W z7mUR>uAyb;X0KIo#<*z!mGfySD)L$tzk)kE09HLkEjN!$nFH|TD**imd8>jy!CTh> z)Gi0uwZ%*EsWJ9WfSSc5+XH?&I_g)F+_s;*6rU>i5B%F3smlT1AV=9L3iHJYP>YVS>oM55|`J;#`$`DX=r=<%JX@LF5F- z*WCR(#fr#07#oZc#!3ho!SUU)UUM%G#;A4$#Y_Mh!FspMqj5D!7QnsWxD!L+Q5VJR zqm|AN>sIiW>k6|I!vz>Kl#DTSh&#c1zM={iLieK-7(0w1#?le)1h0QB|1S>G0Asjj znX|*W5sWufd41*Q0~~+m=q5F};I@7AvR-iu#?-;(F1g@5jl>8EjA>)?R-CLa8oS#b z9iH7WRH4(OC%_xu)96i0lC|LXUQoG`;6TKWS0y@xz2JDXkF;k5pYzDtH;zc!Du~TaR9>T@;64?8|wLj3*dVtd@;o?V>oOxF0*sE&p}l9W&XxD2|x< z1bY|0U`(xwDOQzqiPPFL;S0WH8s*Ma(go#OJjK|J=&<-tQW9d>sO$va`#7bAQPKgQ zd#B8{+SN`l_NLs=zu+sD)GT53UUkQQ&>d#G#?04>EM3{ftF3pp7mS@AnATj81!G*! z>%HnuvSG6|;iNLpEz=)Pw0knaICmoEt5;;0_bj{T>SB@)e8)WX`j*K(7}LrHi4T)p z@Zb?7S#b--)WI+*H=nLxWoA6) zHtKeO>cu+xG6@(vj3LI-5pKUOoH~apsEULJ6lTLIA2AYN1^h)>HCD#eR3A0nRw z{6nrALW`rkxS1usp%OeTcPE_|9CPA0wdC66lZ>TOsx`JcsSCZsHnZXu& zsDz$#FNYt&$kufv8FSX>8SGm|xl`QsP?_RSFoO9HUwS0JnbdHo&C~CA{p{ASU<8ZD zgim=&72ox;em*UZ-U`{`UvNy@K9bxJEyr4Y*T#+krRT-sK!^YcM{vyUZ2((pvz36l zYiMf?4R0Mi*>`O&AUwe_aSC}9eK^qB=5bn!SZso!t&)T*I0kRTHm(Ku>|J)=J~2@2 z^m%kDw*2BCEy5Sv9TdFbEr3lQq@RJjUkN?x;CQJF4Nc0H;O=x~LfsC~(nM?5S=mO8 zr|A-KP7GWp9G~oq>Qy8{OfZ36H8j`0Amp5R{Ufdl7g5Mv|z*jMDaxEB&WDrm zNOe({+&?wN(#IX2H+c7+S?tZS?t9(;xTI#h+EG;LPR+j_@mn~rugSbOz@UIBwTpHN zkt-3gs{(3%ai4VMHsa$GpMQ9#f<061Nr>)7rzOcTer4@WOP)-ZucoXUnx!M)ZYF5?s?=exRpsqC%Hq1AqpigJ%(|O zbbace8t$mUpU3@+Gj#VjaGY^L_x0^O*<@xvFZ;`_za;6}m-GC;gC6-*5tSg|5RLwbH9y3lH|RW4+YyMWpxI_V|@1v_#x*%r;m4 z2$I{aQOb&Y%slEPtD3P?dZ_o6PNbcKSi_AU!P(wdaBWP!0yQ38_VT#%}mOOJir7NIAbs*qO%hC;oY&&YOLW2wSgRjgtT2q%5=y-kFk}n@BYS zkH^cuA?|Y-s~@SuhK74SGGZEm_70!3;H_uYnbgw#;J3R7m-9eh~Z%Td*vHP(ot@jlg@H65*)mvm+jos)`GOE+|mK(UTM@lUS;cH+Wso(5yQj-aeDr_vCZL=YvPfjN8shn7uDa zUWVjVSw%7n)`YXFOog90uK>w+2ZE9YDgg!0fTyPkpc|C=#3yh3xnKA@e8u1(^>P^0 z99B}McgSC2s3yj=pf3fxM~I`iuV_RcbK=kWX1LE9Hv9Y@WxQ^lcs{7N#(Jr4{?(K74zF4C)iS-YxU&R$ZS%zFDtxdC&UXh!6zp%~nrh&l#pns^ei&*?^ zD;+sp==q2rYXRQO^5N8-pl zxFP4ul(yf+2@UA>Qhzja1G^Pli=KGfIrvKFgEn*iiPHLN^2CKxr-WmgC38#;i|)!& zj}Kq_A=_u%yqKwX2U)Bc;u1b^xz%2Z3bU^+w8KC%dwjo>ka>8onl^7P*4ZzhX0-8XwY*p{ zD+Z{V@*bmj*>D1&YNLLfu?mCn2)Am-Y`+x{k+;&ZAq(5tf_d6DXgk^QdVBr}{~ZFO za5%o)?i=rhI+pKRXZL58H7nb>Gp6N6Zu}`8e{ElN7fe1uEqkdQCYcUv#_de zt6Jq4uJGEr)Bw}Q-CbYr%x4JbS2YT}Dx@7-g0`Q`IVlV}wgw$97qQSR4sL|!pUC-S zT+w5pPanID+ia&GH-$%|0U0YNIL5t~AkDOeFQUBU;TId4J!Ti~!Vj6@i{PW_d#@sg zAmhxlN_y&X6if^(lfDFpwPS6)qU*$(Lr{7JZ9z73(3KLLl^*%!=56qh5;%jePxJa` zQoV9&5;aQV;SZzBSxS6!zeE_nPsp7k2B9%&?$OgeB?i|OrR;sRtJ1pr?MK4LY)#(Z zXuQW^ZaJjBq)PR6IFuI-q&0X83Y%@Hn~EWIHGJ(VW9J_qwWB9a)HqjdTj?)Bt&kOG z?a&F{I~&tgE0~E1*RT?old|Qu^V*z0-M95jksZAbKBgP+aj4*vSV{1HtxR16uK2Td z5n0@iaJNQ~y7Il)vFeA(zMko}f@P6CG`+g+6KYe}d-@rj1ryLSj2|BKY_W+}0rJS5 z7S!Y5ObS$#m`E3{XdAbZvM(YTE6Ix~PP5>5EY3>UmHVlAn!HnLq%BW*XIZ9(Kq`6v z<17mW2OBD$yVRY_?;n`)+j67a6X@fY=^1K<0@bXI_|l)z z-7spJo&qi6uw2Ux+luVYi5yQ#X%ZD3zpS*kix=a8y&vSTsID$t+Nd=Jv$r#QG(epk zg%fcs+ai4^-3zAt6;?vPXgS?r3oE?(ar%QFqchLO5tF)7ZdKw!#{(EM;ao=udM>K6 zS#s5NIbOd&2}uXH({hX^GD+ptdVXpEGJQP7kiFUm)?4=mK$dlXxWOjAOS)C zU{@m(%|n{JkSZ|}_w%M`t?)aUP9afft!8Ksm9;yTIP_2Vz%j00WsKCAj`oF|?x^o1 zkRl&0;=kMWa9zRiyRl z-nGA{BA3|m{U!fj0)xz$q@Pv&i+~!+%?eSvDo1tVo510o?a?7-Opip?vKM`AylS^M zV?_?KPAdD8p+(T1o7$RrIBNO)=R1>%-tSkSFUy9;HcQI0$u2+5RWL7MfmJ_38*pb< zd&;_#?~hv}c5j_}D*lv@wEFhub2}kxwitx7>tvf#Hgxsu&D?_un>3?Q>w#qIr%B9E zwUeoxq0RjKt%fJsy1s)2562KpGuvdQnVbh=48!xXZB(cmk}fQ7aphiqnWk)A=T=6T z1uq97XFdWwA@ThsD5@gS(;>y2r_SwTV}W+~TSz^tE*f6JP7sVwlQVLl7-(DpsKj0 zmu)JZo%)t%5M^&f;OzkHu1Q%cY`URKl*HB9=85;($t_A!iOhw(qnfYW0JXva*_eiV zE-DJpL)@+vsfW5ScH8>$Up#2y{KdQ&_f~v_xoXtfSkqtnQP{(4r%7`mvWgHWdG$ z`&7Unb_}3knY|45dE1rvM-KqfKAkEB^Y32TV=iV{H)tTHu6Y$Fok7gLx%0n&HQr09ZwR@jiNM-TKzMlIt4^biE5O&1Wr>1P2t6+ z@1;tng(a-J<}#LAfsIZR=k`l#(*%cHQ^O&c5_sQX`iojnFE;x3N?;?jhdzkO>qv^`{Yvd{R>I6AR8mOV=((Be!jx;V=!6|R~06NX;t z;Ix1`L#=c&FqHR8+Sd1{oqwyx*I{;Ms-4;%EZFehR0PlXJp1mm)zXToWez8CM_cIG zPSTNssyIL|rbgJN7DoReWfw}-1MHURv3$+&jjTl4JMKxSO*Zz4^eUqsUZDQy`cOzd| z=CC?oFS9O~&^f?jDIsBNRrExu#0h;D^CB`){+{3VTJ9WBeq-xz|G4ttup* zzTinKun3kq*&LEAs3ML7bGL~MxB_yje)$C|3VC{^R;4*a7pkAJ99Ye=1*0uLi^C@n zcXnIfU2afGX#QDW%S`m|f^)YxV3yz^)Ut$aZNg<_R@As2>RNEgm3!BBJ+{e{vwV7B zRzbkd8pBS9G?j}UY3yVD)N|C&&TmM^;0vsN{k z_e)k-VWOZ{HClw?p!c;;eD=5VyUILY*IK^#Xw3-_@gA7<5AE99p(Pl5iI+Z|90KH# z#_VKonkT)(JdHB`IuHl%Wp(6Hj_Grmi>m(N5e8T{eJI0X`W`I0WOm-1TzuJo5Cl^@z!Q z)@$6Nlh&8C*Td`dmh6EzJa4_Nds@hn_kzLjO**_UIYhvX4LEggKn#H(^uSjXkeB8Xrr@&qT zy#p-1e~93m0DElV#uQ)a7EsAI!U3VZllQ%vRy!3#Oc;#?U%bv=K0-kO`=CjBrnL^L zYm}UT_!t=O+QyZAJQtse^_d_;8b(rn+L1b=$unOh%)6EpPJ{>Tya7P*Jt%QqJkeRG`XhV4?LlH4H+bQ5eAR?M4 z5IO|M*(cW5&Ew~6p5;i0eCuMEZnLio4e@n5IJ)Ob^$H&88Pau9SP#|8l&RNYec3&bx95~*djWi-m_0Sv zC4M>Fy|7V`{NwlidZ)bOQrqYEDfqd?BNXp5qyR zbquBNyYk4V>RG)Trtj&sTL_DK*>9e)3r_>CuC2R}=X)JYH@>{Tu()LDVki@y*$=*~ zVebmGw_5w1Rwezm&o}rfoZlV%m;f{k>uTB^K%Z%(-cP^#!h8^3U%gHK8@3v-YMT48 zk95R4r~05>^~A>ps|p{y922x)rQz+eV|KMv`I$!}< zc}DZ=@&3Tn_eynbG6|vuI+4BN~D1crTyCk+@{Ybv?nUg}} z1W)dEJ_ap^bQl;c(Q9QiOQzHG8xZUQtuT*IUHAJCgufj)Oi$zmB-*_c)Qp;*!lwyx ztUo}wKp(Dj7r%&-rQ1xGf4welp_iCkm0r1Hhok(WTpO8(Ej$$+d4ImDCc++F*tyx* zyHbgL_tU`_RCQZjyx0{Gq0EZXMBQdcy2LasObakg&kh}Lh$Ug+xLe{O>i_0E0R`OU zk=1OCmyEI6e$!ivi}yr~@n8u+^HHZZM(Umj_G0wL6Pn2*fMP9T~_Ckd0#TZpoSYGSXm&V{s~b`_VVN+)3X z^?E^&{vV^2re|2LEK`v=gI;!V7|L0sT5 P&;iIzE91KBcmMle5+v=X literal 0 HcmV?d00001