From e7005d09b567dc4ee619b607e285dad96cbbdf42 Mon Sep 17 00:00:00 2001
From: NaBian <836904362@qq.com>
Date: Sat, 13 Jun 2026 16:16:48 +0800
Subject: [PATCH] feat: Add HoneycombPanel and demo.

---
 .../HandyControlDemo_Avalonia.csproj          |   4 +-
 .../Resources/Img/Avatar/avatar1.png          | Bin 0 -> 693 bytes
 .../Resources/Img/Avatar/avatar2.png          | Bin 0 -> 966 bytes
 .../Resources/Img/Avatar/avatar3.png          | Bin 0 -> 878 bytes
 .../Resources/Img/Avatar/avatar4.png          | Bin 0 -> 927 bytes
 .../Resources/Img/Avatar/avatar5.png          | Bin 0 -> 995 bytes
 .../Resources/Img/Avatar/avatar6.png          | Bin 0 -> 726 bytes
 .../CirclePanelDemo.axaml                     |   0
 .../CirclePanelDemo.axaml.cs                  |   0
 .../Controls/HoneycombPanelDemo.axaml         |  40 +++++
 .../Controls/HoneycombPanelDemo.axaml.cs      |   9 +
 .../WaterfallPanelDemo.axaml                  |   0
 .../WaterfallPanelDemo.axaml.cs               |   0
 .../Controls/HoneycombPanelDemoViewModel.cs   |  42 +++++
 .../ViewModel/ViewModelLocator.cs             |   3 +
 .../Controls/Panel/HoneycombPanel.cs          | 166 ++++++++++++++++++
 16 files changed, 263 insertions(+), 1 deletion(-)
 create mode 100644 src/Avalonia/HandyControlDemo_Avalonia/Resources/Img/Avatar/avatar1.png
 create mode 100644 src/Avalonia/HandyControlDemo_Avalonia/Resources/Img/Avatar/avatar2.png
 create mode 100644 src/Avalonia/HandyControlDemo_Avalonia/Resources/Img/Avatar/avatar3.png
 create mode 100644 src/Avalonia/HandyControlDemo_Avalonia/Resources/Img/Avatar/avatar4.png
 create mode 100644 src/Avalonia/HandyControlDemo_Avalonia/Resources/Img/Avatar/avatar5.png
 create mode 100644 src/Avalonia/HandyControlDemo_Avalonia/Resources/Img/Avatar/avatar6.png
 rename src/Avalonia/HandyControlDemo_Avalonia/UserControl/{Styles => Controls}/CirclePanelDemo.axaml (100%)
 rename src/Avalonia/HandyControlDemo_Avalonia/UserControl/{Styles => Controls}/CirclePanelDemo.axaml.cs (100%)
 create mode 100644 src/Avalonia/HandyControlDemo_Avalonia/UserControl/Controls/HoneycombPanelDemo.axaml
 create mode 100644 src/Avalonia/HandyControlDemo_Avalonia/UserControl/Controls/HoneycombPanelDemo.axaml.cs
 rename src/Avalonia/HandyControlDemo_Avalonia/UserControl/{Styles => Controls}/WaterfallPanelDemo.axaml (100%)
 rename src/Avalonia/HandyControlDemo_Avalonia/UserControl/{Styles => Controls}/WaterfallPanelDemo.axaml.cs (100%)
 create mode 100644 src/Avalonia/HandyControlDemo_Avalonia/ViewModel/Controls/HoneycombPanelDemoViewModel.cs
 create mode 100644 src/Avalonia/HandyControl_Avalonia/Controls/Panel/HoneycombPanel.cs

diff --git a/src/Avalonia/HandyControlDemo_Avalonia/HandyControlDemo_Avalonia.csproj b/src/Avalonia/HandyControlDemo_Avalonia/HandyControlDemo_Avalonia.csproj
index 569b9545..84d45a59 100644
--- a/src/Avalonia/HandyControlDemo_Avalonia/HandyControlDemo_Avalonia.csproj
+++ b/src/Avalonia/HandyControlDemo_Avalonia/HandyControlDemo_Avalonia.csproj
@@ -1,4 +1,4 @@
-<Project Sdk="Microsoft.NET.Sdk">
+<Project Sdk="Microsoft.NET.Sdk">
   <PropertyGroup>
     <OutputType>WinExe</OutputType>
     <!--If you are willing to use Windows/MacOS native APIs you will need to create 3 projects.
@@ -19,12 +19,14 @@
     <None Remove="Data\DemoInfo.json" />
     <None Remove="Resources\Img\cloud.png" />
     <None Remove="Resources\Img\icon.ico" />
+    <None Remove="Resources\Img\Avatar\*.png" />
   </ItemGroup>
   
   <ItemGroup>
     <EmbeddedResource Include="Data\DemoInfo.json" />
     <AvaloniaResource Include="Resources\Img\cloud.png" />
     <AvaloniaResource Include="Resources\Img\icon.ico" />
+    <AvaloniaResource Include="Resources\Img\Avatar\*.png" />
   </ItemGroup>
 
   <ItemGroup>
diff --git a/src/Avalonia/HandyControlDemo_Avalonia/Resources/Img/Avatar/avatar1.png b/src/Avalonia/HandyControlDemo_Avalonia/Resources/Img/Avatar/avatar1.png
new file mode 100644
index 0000000000000000000000000000000000000000..036224d7059985c1d4da85643a85ba504cfe6686
GIT binary patch
literal 693
zcmV;m0!safP)<h;3K|Lk000e1NJLTq001BW001Be0{{R3M5Kzw0001iP)t-sM{rEE
zePMuLOQec#t9e_wfMl0&PO^Pqy?|(`d{C@>Q>J!Vsd`qufoZ*gX{mZu$A)dPiD9XH
zP`7_!f?`dxeOtYOX{mfr?AWv0!=Lluy5Gp8<<G69bxU|zMXG&M#FTl#glvOmP`I9d
znQ~jpv6AuO$Mo#r{{H^bxR%bNhWrP-=Kufz7IachQvhiF{y+151O5E>7E`!+#w`1h
z!_f4*6xk*K00GTOL_t(I%XO29lB*yPMNw2hoj6HGaKVMR=KcQ%zHZROOft91D&QWP
z3j!fevA4#nU^s}P$P36{3VvFY|C6$h^CKTj|Ax%veHF%%wxtx9+dx}C`AsnLowZc!
zi4MhF(Kh>jB^dF{=udT7>#8U!?T^Mg5{#U<8OOQ=6`+caMxKt__6z`2*H8lNqMAm-
z<)a3yFC{nmP~2Kw7F9dWlK{Xxb6lY-`$5wi0wbLVV>p-BeS?7npZCMP){vo^t77VL
z#00hkBVUM1`42<ZHe`u?ZoUv;jD^<cJw)7g(MufQVPXpem;eR7UX~dMWBYCm*rVKl
z9*APb0^C)wrv-=PBH$uORJwOO5GMz0K4`j^y1YO94e<C*^z(h1>SfQwxm#ijX~H~T
z=dxJVbIuPT2}wdEcpfXYta@ITM#Q--8YYa{gMwmcs}bB~og1Y@42R<m3ceJo3!zlk
z==FSFbpvfgWV-*YtHL3rnrUd7VQM<;i0=Bh4uSK5XxwK36+ACQq=aQUwM&RDI$o)Z
zQbHXBoy+UBj?`AfO;;j%eSwf8vknRxS@8BS7)!I*&5yH`G4|o<k|gymk(VaOe|nwl
by+z1>=YckZLA^?400000NkvXXu0mjfj#EnP

literal 0
HcmV?d00001

diff --git a/src/Avalonia/HandyControlDemo_Avalonia/Resources/Img/Avatar/avatar2.png b/src/Avalonia/HandyControlDemo_Avalonia/Resources/Img/Avatar/avatar2.png
new file mode 100644
index 0000000000000000000000000000000000000000..0aee30f7ce07ca10a709cb9dc030b5956b6715e4
GIT binary patch
literal 966
zcmV;%13CPOP)<h;3K|Lk000e1NJLTq001BW001Be0{{R3M5Kzw00036P)t-sM{rCH
zp4}CT%nzB@8+E)EiOQzQ<tu!#5SiA678w+b%_M)f6pG9nbi5Fm)`b=r5SiA678!&M
z5H^Oy#@+B?L021fyc>1Ag%%kQnbr`Q)(dsM8+E*Yuh?^|*5&W_2WhqgXSJ%!=7km+
zg%%lw78wwk*Bf@dg%udx#-b6I)a=-^<j$!7|Nn;?9SEZ1j0p(a!k_NkxEXT0_v5??
zo!$v*w|)u`nLapxZB;&IjoY`D$f}I!)UUvdb^?>ur&>>!CL#6e#n-Qm(2sX<D>zY0
zXGd3ga>(zud}vEoc2+%CixLxsm7K4TeN<q4_w(le`R`mtU1myMfr*c0NL!1crZY?3
zga7~lCUjCxQvhfDd;3HC1N;0J{#AapZp()K{{1zT)JN|y{lNYG{`+u%<<PJwO=kB1
z00K%$L_t(I%XL$ScG@r$HN-|TBY=VI-Bz|F%L_c1VFXI3vwE8T|EKiHBqSl}JGM3M
z)qTTHit=XY(`4JwLA745w*JegezPoH*VFF@UlV?0Fqmc4KWiXVw<IJD#_Bc$p_Xpx
zRst}*x}&!~GLVv6rAF-B8kRM3tk_6bx%Ui&cG%oVl4RgGPCs#yB%PC;_i5+CQkqce
z`?HzPheJLc8>Migfs`ZW_TpRHr@l>tfOFm%c|DgMZ8T~ue3*=EfT<5?hj;puhY;6Z
z1JE$OzMBoG-R;``u+!~!0>A(F8sl;%fs|c>$sgPIC4q7vO!=^L$1vVq`zRg~96ry6
z)Ta;z55NVV_MbzB4~v<Ah6!_jO~!r5f>H>P2Xs7<1fl^9ITFmm-(Eb1^D;;Xb8L7E
z7kuP0!VbpFU3gA>JM`(zO~9w4*hyDF$chC7P;ghC<-{YK_GJ+aE0uM?Y)#0)jIf_`
zC-p|u4)~4dIrAPNklWgY1~WojQtB=42VnP$UMX}lf|lh8X@W5lhResnz_%ZlVF*ij
z4vPrMN<yLJ`g$qElm=5FmKlu6?n@=hnUDPOsStt&@HsusXCBIE{kKq!<?|)A9W{k`
zdJ>`;sivCGliH>oG*fN2O|#t)=gsE1Xhf!Is;a5IHAKZ!Vb6@t8ihjROyaOndEZid
zZ~`=<s8EPr&hLF}+e)@+O2T?p*=l=5+Xn^pqENVy-uAUm7ei6XCu*jkswd?yuBR+|
oQM<gly3}O-zPg=A+GcpQfBofRIe(eEng9R*07*qoM6N<$g26=9MF0Q*

literal 0
HcmV?d00001

diff --git a/src/Avalonia/HandyControlDemo_Avalonia/Resources/Img/Avatar/avatar3.png b/src/Avalonia/HandyControlDemo_Avalonia/Resources/Img/Avatar/avatar3.png
new file mode 100644
index 0000000000000000000000000000000000000000..1a2e4667bb02cdd2c3b6e298e38130adfcd5bb09
GIT binary patch
literal 878
zcmV-!1CjiRP)<h;3K|Lk000e1NJLTq001BW001Be0{{R3M5Kzw0002qP)t-sM{rEX
z;r0Om0lC`qW^{hi=l9R$_siq<(B=2J+Vjif_Rr+?zuol7;`YJb_0Z<`x!UvO^7{Y)
z0GGz=000061_!y?^SRpd(dPHj=J&bU^SRpdztZ9W0061F$WT^V00000002^4W6|dL
zx!Uvq007>{r0?6e<<P9z!k_Ebv5CCq{^`Qf==y(hU2kJi(7KnrsEI^4E8+J4+w%XS
z!q?{D(F_X-n2dV9-Snr=?yl7G+Sts&uaG)JO2(^*TTnuRx#f$0YWVEb)Z^=;lX!oO
zmZPn*mw{>~BOZ@3sAK>D03&o#PE!DU`~Cv{^8@|-OJ+Q`^u%^88U1&ml++gzTphO2
z!2MgS`-d=l^#A|@97#k$R5;6RlZ$quFc5~pBoZv%-F9nF+wBSo30Fl#TCJkCweSBz
zJ3;GhopZqO&zJd=n9;OjV0`|285rYEuh;w2f#KD>)_HMMRDR)WH9&lXB!uHUV$HbB
z8yLSh6=zohYFrYA)_%$=*=QL>(K2(gr}jBvXgA4cHj1T`zVD0g%4c$ON*J0>lfRj8
zg%DD@{@i&UQ~gN5{D3C!krYfYDY^8&-^Y|3Y8bdpC{3O}ToD7nUFnDK2_=K$I+_DY
zXW_z)M+?T?(cGVhYf5SJ$Dl?i31*9!i6LX0$C9&nLJ1wz$`XcF2Y_r`2Eb6rc<6G@
zHw47`&f~rcFbM+2wyQ7-!;dNF0|-j0_hkVKSojQPB6Qu!+V`hy6MzD;1!>r02|&z3
z!T6f<)r2U4>~;!=v<K+;D-vNOS6^eWEIsripiJm^I&z%lG@y!CtJDt`Wr={Y;dZ-l
zgW%kvR$9OWvzs#E^0aHxJ+M0n*d|!eYNJ~esgP+=bQ@LWN~*sV00*VE+%OUHydq5t
z&qK&;R1XJbX#HIp<!_$%rk)%jTOs|Qf2*0BHnIVEea&-tY&ACX=HWV6AlORH0n5v=
zQmo^JXxS#DY`c7wflRw~a;1!0r66=5OxwOazqUGvW?4hchLL{RR@NO-85O|XSr_dG
zy@vaB<)YSK?`!z~)&l6E*3$J>?LpyJn$y7hQuuWGKmNr?kV6zIegFUf07*qoM6N<$
Ef+(rOmjD0&

literal 0
HcmV?d00001

diff --git a/src/Avalonia/HandyControlDemo_Avalonia/Resources/Img/Avatar/avatar4.png b/src/Avalonia/HandyControlDemo_Avalonia/Resources/Img/Avatar/avatar4.png
new file mode 100644
index 0000000000000000000000000000000000000000..ba4ac78b0de2e557a1447c14763fdcc470eac900
GIT binary patch
literal 927
zcmV;Q17Q4#P)<h;3K|Lk000e1NJLTq001BW001Be0{{R3M5Kzw0002+P)t-sM{rEQ
zVn(?`HQ01n$2m9Kby~7nJjq~5*mGFjcU;(WSkPWgggqR)LOF{;A%r~~nM*B)K`qj8
zRh&B|$v8LIbXm?mJL7v{UP3a-IXKBVILSFU*mPOfa#+}OS;;v#*mPNKN<h~)H&IVS
z*mPNhJsgBR9LYI2*>qWeI2YZ;p@KUah(90CH#hd=zU$Vp<j$#3OhK4NEPXQ)+QFUf
z+_vA!rle9cSx!QPa9Gv4mcN&D)3J}tY*3h6Ik1Xsjz=b&PA+~!JF7Y}uYO;~r-s0A
zQi?+(kx?(EZ%nkAevV5jj!Y_SYg*fqc<sHP%m(la0000cbW%=J0R25f{AT_G{r-6t
zEc(Ip24?<%d++%z?9q}~Q^>cxt@ucP!lBqYjCKG30ys%TK~y-)ZIkJmsxS<OQ4v~q
z9d(}B*Hb8EQGtTM=(s(&&bj})IVm%4bBupN^7<uBQ%O3Qs;YZWx@00+X<l75E0+mX
zs{E<dDWi<k@)rom*9l{FQYVDDd8zRmXh^j><T3-Q@taVkJY*Q#6SeE}DymdenCXt<
z)FmeT$Y-l~N~lr^2aGPGUNR!C>oUR=Tsji)e;uXFOt{B+6wg;%!X{WhXsFV)j&qEp
zo?&=~4VF+sau^-^c-PT{xg*YdhT%BA9lJsTz3(SnKsZO;QQ{1DJ;Skw!x1HvePF$i
zNvP7Zj+JyA_xNzgGhpRz<_u~)f7d8?Kw)ddhQT?M@NL`M(D@P}y;IHv3gF^&HO_i8
ze8+d}h|&P-2#FeSMuhOkfUvkH5Xd`rOi2b5GoS<txm-%O5zOK1O9&8ZDjxup4uHO;
zFlmo_a7^3SP?HT1+5<2~9KdLZyNo#ZeaOQHRq(z9G>IqT9!)k*A|8!}pArCm22t+7
zq{S5yvRJIwiv(_+4L)H|*)f56)KO~^KzNq$i2HwMgqcAA0*^nFyw`DS(n<%KH8*;;
zJ+`!gsR-bHe_IboQM$6FS<~Hky_<p~SF1Vw;ka&)l{HPX27NF9z`C-WKQ2UD?g~Jg
z31F51verIbsap}zv}!*L!>W~i+@7y(8-frG`~C3SYoBjD^l>9}U&8Q3NZsUB^}m;S
z_tdqfqDT4Z?!xoTX8PKEduzUyFF)|(>z7XD{{e~<Ul+gp9(Mo$002ovPDHLkV1f}b
Bt+fCE

literal 0
HcmV?d00001

diff --git a/src/Avalonia/HandyControlDemo_Avalonia/Resources/Img/Avatar/avatar5.png b/src/Avalonia/HandyControlDemo_Avalonia/Resources/Img/Avatar/avatar5.png
new file mode 100644
index 0000000000000000000000000000000000000000..fd89c1d0b571cda34f7da48e8572f548edb644d2
GIT binary patch
literal 995
zcmV<9104K`P)<h;3K|Lk000e1NJLTq001BW001Be0{{R3M5Kzw0003UP)t-sM{rC4
z0s>1P4FIQ|PBkR~r=3!?uTQhBW4E$txU*!pvShimOCJp)t)vU8pk=qR0Hc{?x3Xln
zvNNNgX1KEeq?;&bTL6T8UUYB(w5k9xE=wN`WVf<RC>Kj14@(~nnbFN;x3XlnvShci
zOCJqnx3Wtg4P>~p0FZ|O78L-vt<2xp00000005N9#bmd#0H>Wy9}Vu>wPm`sNf`%Y
zx3U7LpIx`K;K`-Xyqes@pHo3F0Hc_%n0cp?ah!!_&9jo@&#Pv}!TIFBx}}8xuB2q4
znLrZ)n0{k)a9w|1MTmK0B@6@p`TJ8fBjeMvdAhHUY*6{`<nQO#VX&$IcyWuFhN-ce
zw%^}(%Eg7hvPfcDu7+oBTSmmHi`t(9X8-^IFLY8)Qvmz@g9Z8d1N{DYXZQ5}J^2*x
zHOa&oVE+E~bVoB%+x}rxwj-^8mGbyX{eXY@-p^me0006;Nkl<ZILmdDX;<Pf6o%8%
zl9U}36a~fgD0(JM7rIf(b^uvjaGP=b|371HTEunk>4zlmbKl&gxd^QTOHwqDF#0L@
zYV~vvRga_bcfGW`n-bZ6O58n`esU=7Gm)i4kwKiIZ-|8Uj8GMsm}05YR|51D3zK=k
zM%B**M#;GWxokLO1}6+J`LR-r5~c^j&=`-LS2hH~(-ZFm<Wt=<L}T2xJ6f+jX3W^`
znrjb?vQ!^H0dvQ3JH16myD^OUl9KG&<A{>wT%7)G1(U1EsO3+l%p-&xy%|&}F|CO|
zZ3SL134AZ`r!NndLTM$m!03b$YF)X0@G=hCjz4L&+S-E!izm?@`2slTgOS~D`M$07
z`@W<314=0=<X0sUO3m({8_jWSccFDUy%8J&0Lsh6=zs&%TwZ}}FM1lpz%sc5JqUqB
z2vBNWyRLnA3;J(e*Fzxj2>=2-G;MKhMRP(TAo&JR>+#j?IFFWTMgUEQKqabyDoXsq
zd2QPlaYZqs8lt;|V}cHHI`?$zE^eQ4X^y~RAs<~7+%yGQR-3ii-QBF#RAoS5@o06E
zho(Z(a#L+IpJ&_Kv*)I&0zwq?aP_zFW?WWzG`qh9q1NSqD$DWB^>fH(B0$ZQcXrAd
zbv4PpKZuwb5jhTo2H+6;_@rWuRo3~rymE+r>>i9`DmQ851R>YpLpk=fyEclD)i@J`
zGXNUJjjx>}Nm9L-E8h#keOWGU;qMKMv4l$Xt;@@;dI|lfeKGGa{$c#C{{sjxY#T29
R5J><4002ovPDHLkV1i$j(!c-!

literal 0
HcmV?d00001

diff --git a/src/Avalonia/HandyControlDemo_Avalonia/Resources/Img/Avatar/avatar6.png b/src/Avalonia/HandyControlDemo_Avalonia/Resources/Img/Avatar/avatar6.png
new file mode 100644
index 0000000000000000000000000000000000000000..6f772781918d1590ea99273227741b5ed3a96ecf
GIT binary patch
literal 726
zcmV;{0xA88P)<h;3K|Lk000e1NJLTq001BW001Be0{{R3M5Kzw0001`P)t-sq^hE&
zw!4<Cw4k!MrMA2IutWT?Kc%+2&$EPelAyD;sdA5>kEN~pus?vAq;!#>`mjQ!w!3tZ
zpmdU;rMA2Kut24@yL6GD`>;Tzw!4(D!TYd4`>;UYvS_BZyL6GD`>;UV#-jeOH=(w|
z?b^6;kDtJ^m+aQB<j$)0<G=H>QuWD&<gsA#yJq9Wm+iiHd}&hJzLUeLhN`x-)u3vT
zd}803e`e%S?EnA(9&}PpQvo{}@^1e8`~~{{cKI^*$GEaXiB3$<SmDC=ZGYINR5Z*0
z00F{DL_t(I%axPqmZKmLg^e4c*_YmC1_4n)O^h+=_kXl01Se*?Gw00x!4d99QIv(_
zOcX_t9-V*b@Y8)}Mb6^zV;zR;!{UkWhLnaN8ZN#$2Nu?$6@7bKd?gOrrvV)l{`!)M
zAJV&muqph<1N?&9&6Mj1oW~D@Pa1AQ@akv|DY6MMLw#kpA4^elJ^*O;2Y5%Qf&iRX
zEh~j+AqWTHef0MT#X7aNmFxt75=S1y2%)_NHt=1wRV&YD$x3xTtGcc)8A2QThdhF^
zYuk15HUPJqDoYsy;F)U72qIb03dy8okb_dCQe8#}8q$p5j);)#TA!Gf5RgS(Hv`~<
zJpwVO9r#^Y>Wc=k1%@hWpw9|k0rB}MgbZkt^#G7b1VE~R5b6Z=&;cx9k{s0VYtgad
z$}6IMST?nEJws&urMrMw(G%m_YdV`T#7E3Jsp1b}fz4QI10WA$$e~<f&&<hwY^xVA
zz4;QS>5|ELp67V(Aw*v8zZ*<g&QmQt!VE9xvwOoPIZlmj1wfum8+Ql0rU1tI?y)Ho
zy?D3NH2J%&w<}{AY_<L7iN3C|-M@N$@;u#bvP+V!>->*?16Wl;`QuiRcK`qY07*qo
IM6N<$g7x8R8~^|S

literal 0
HcmV?d00001

diff --git a/src/Avalonia/HandyControlDemo_Avalonia/UserControl/Styles/CirclePanelDemo.axaml b/src/Avalonia/HandyControlDemo_Avalonia/UserControl/Controls/CirclePanelDemo.axaml
similarity index 100%
rename from src/Avalonia/HandyControlDemo_Avalonia/UserControl/Styles/CirclePanelDemo.axaml
rename to src/Avalonia/HandyControlDemo_Avalonia/UserControl/Controls/CirclePanelDemo.axaml
diff --git a/src/Avalonia/HandyControlDemo_Avalonia/UserControl/Styles/CirclePanelDemo.axaml.cs b/src/Avalonia/HandyControlDemo_Avalonia/UserControl/Controls/CirclePanelDemo.axaml.cs
similarity index 100%
rename from src/Avalonia/HandyControlDemo_Avalonia/UserControl/Styles/CirclePanelDemo.axaml.cs
rename to src/Avalonia/HandyControlDemo_Avalonia/UserControl/Controls/CirclePanelDemo.axaml.cs
diff --git a/src/Avalonia/HandyControlDemo_Avalonia/UserControl/Controls/HoneycombPanelDemo.axaml b/src/Avalonia/HandyControlDemo_Avalonia/UserControl/Controls/HoneycombPanelDemo.axaml
new file mode 100644
index 00000000..021a5e6d
--- /dev/null
+++ b/src/Avalonia/HandyControlDemo_Avalonia/UserControl/Controls/HoneycombPanelDemo.axaml
@@ -0,0 +1,40 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:hc="https://handyorg.github.io/handycontrol"
+             xmlns:vm="clr-namespace:HandyControlDemo.ViewModel"
+             x:Class="HandyControlDemo.UserControl.HoneycombPanelDemo"
+             DataContext="{Binding HoneycombPanelDemo, Source={x:Static vm:ViewModelLocator.Instance}}">
+    <Grid Margin="32">
+        <Grid.RowDefinitions>
+            <RowDefinition Height="Auto" />
+            <RowDefinition />
+        </Grid.RowDefinitions>
+        <StackPanel Orientation="Horizontal"
+                    Spacing="8"
+                    Margin="0,0,0,16">
+            <Button Command="{Binding AddItemCommand}" Content="Add" />
+            <Button Command="{Binding RemoveItemCommand}" Content="Remove" />
+        </StackPanel>
+        <ItemsControl Grid.Row="1"
+                      HorizontalAlignment="Center"
+                      VerticalAlignment="Center"
+                      ItemsSource="{Binding DataList}">
+            <ItemsControl.ItemsPanel>
+                <ItemsPanelTemplate>
+                    <hc:HoneycombPanel />
+                </ItemsPanelTemplate>
+            </ItemsControl.ItemsPanel>
+            <ItemsControl.ItemTemplate>
+                <DataTemplate>
+                    <Border Width="60"
+                            Height="60"
+                            Margin="6"
+                            CornerRadius="30"
+                            ClipToBounds="True">
+                        <Image Source="{Binding}" Stretch="UniformToFill" />
+                    </Border>
+                </DataTemplate>
+            </ItemsControl.ItemTemplate>
+        </ItemsControl>
+    </Grid>
+</UserControl>
diff --git a/src/Avalonia/HandyControlDemo_Avalonia/UserControl/Controls/HoneycombPanelDemo.axaml.cs b/src/Avalonia/HandyControlDemo_Avalonia/UserControl/Controls/HoneycombPanelDemo.axaml.cs
new file mode 100644
index 00000000..974ec815
--- /dev/null
+++ b/src/Avalonia/HandyControlDemo_Avalonia/UserControl/Controls/HoneycombPanelDemo.axaml.cs
@@ -0,0 +1,9 @@
+namespace HandyControlDemo.UserControl;
+
+public partial class HoneycombPanelDemo : Avalonia.Controls.UserControl
+{
+    public HoneycombPanelDemo()
+    {
+        InitializeComponent();
+    }
+}
diff --git a/src/Avalonia/HandyControlDemo_Avalonia/UserControl/Styles/WaterfallPanelDemo.axaml b/src/Avalonia/HandyControlDemo_Avalonia/UserControl/Controls/WaterfallPanelDemo.axaml
similarity index 100%
rename from src/Avalonia/HandyControlDemo_Avalonia/UserControl/Styles/WaterfallPanelDemo.axaml
rename to src/Avalonia/HandyControlDemo_Avalonia/UserControl/Controls/WaterfallPanelDemo.axaml
diff --git a/src/Avalonia/HandyControlDemo_Avalonia/UserControl/Styles/WaterfallPanelDemo.axaml.cs b/src/Avalonia/HandyControlDemo_Avalonia/UserControl/Controls/WaterfallPanelDemo.axaml.cs
similarity index 100%
rename from src/Avalonia/HandyControlDemo_Avalonia/UserControl/Styles/WaterfallPanelDemo.axaml.cs
rename to src/Avalonia/HandyControlDemo_Avalonia/UserControl/Controls/WaterfallPanelDemo.axaml.cs
diff --git a/src/Avalonia/HandyControlDemo_Avalonia/ViewModel/Controls/HoneycombPanelDemoViewModel.cs b/src/Avalonia/HandyControlDemo_Avalonia/ViewModel/Controls/HoneycombPanelDemoViewModel.cs
new file mode 100644
index 00000000..60c769c4
--- /dev/null
+++ b/src/Avalonia/HandyControlDemo_Avalonia/ViewModel/Controls/HoneycombPanelDemoViewModel.cs
@@ -0,0 +1,42 @@
+using System;
+using System.Collections.ObjectModel;
+using Avalonia.Media.Imaging;
+using Avalonia.Platform;
+using CommunityToolkit.Mvvm.ComponentModel;
+using CommunityToolkit.Mvvm.Input;
+
+namespace HandyControlDemo.ViewModel;
+
+public partial class HoneycombPanelDemoViewModel : ObservableObject
+{
+    private static readonly Random Random = new();
+
+    [ObservableProperty] private ObservableCollection<Bitmap> _dataList = [];
+
+    public HoneycombPanelDemoViewModel()
+    {
+        for (int i = 0; i < 7; i++)
+        {
+            DataList.Add(LoadRandomAvatar());
+        }
+    }
+
+    [RelayCommand]
+    private void AddItem() => DataList.Insert(0, LoadRandomAvatar());
+
+    [RelayCommand]
+    private void RemoveItem()
+    {
+        if (DataList.Count > 0)
+        {
+            DataList.RemoveAt(0);
+        }
+    }
+
+    private static Bitmap LoadRandomAvatar()
+    {
+        var uri = new Uri($"avares://HandyControlDemo/Resources/Img/Avatar/avatar{Random.Next(1, 7)}.png");
+        using var stream = AssetLoader.Open(uri);
+        return new Bitmap(stream);
+    }
+}
diff --git a/src/Avalonia/HandyControlDemo_Avalonia/ViewModel/ViewModelLocator.cs b/src/Avalonia/HandyControlDemo_Avalonia/ViewModel/ViewModelLocator.cs
index 76a3c563..56121bb0 100644
--- a/src/Avalonia/HandyControlDemo_Avalonia/ViewModel/ViewModelLocator.cs
+++ b/src/Avalonia/HandyControlDemo_Avalonia/ViewModel/ViewModelLocator.cs
@@ -20,6 +20,7 @@ public class ViewModelLocator
         services.AddSingleton<DataService>();
         services.AddTransient<MainViewModel>();
         services.AddTransient<InputElementDemoViewModel>();
+        services.AddTransient<HoneycombPanelDemoViewModel>();
 
         _serviceProvider = services.BuildServiceProvider();
     }
@@ -27,4 +28,6 @@ public class ViewModelLocator
     public MainViewModel Main => _serviceProvider.GetService<MainViewModel>()!;
 
     public InputElementDemoViewModel InputElementDemo => _serviceProvider.GetService<InputElementDemoViewModel>()!;
+
+    public HoneycombPanelDemoViewModel HoneycombPanelDemo => _serviceProvider.GetService<HoneycombPanelDemoViewModel>()!;
 }
diff --git a/src/Avalonia/HandyControl_Avalonia/Controls/Panel/HoneycombPanel.cs b/src/Avalonia/HandyControl_Avalonia/Controls/Panel/HoneycombPanel.cs
new file mode 100644
index 00000000..1e39b1fc
--- /dev/null
+++ b/src/Avalonia/HandyControl_Avalonia/Controls/Panel/HoneycombPanel.cs
@@ -0,0 +1,166 @@
+using System;
+using System.Linq;
+using Avalonia;
+using Avalonia.Controls;
+
+namespace HandyControl.Controls;
+
+public class HoneycombPanel : Panel
+{
+    private double _unitLength;
+
+    private HoneycombStuffer? _stuffer;
+
+    private static int GetXCount(int count)
+    {
+        if (count == 0) return 0;
+
+        count -= 1;
+
+        var index = (int) Math.Floor(Math.Pow((12.0 * count + 25) / 36, 0.5) - 5.0 / 6);
+        var valeIndex = 3 * index * index + 5 * index;
+        var centerValue = valeIndex + 2;
+
+        return count >= centerValue
+            ? 4 * index + 6
+            : count > valeIndex
+                ? 4 * index + 4
+                : 4 * index + 2;
+    }
+
+    private static int GetYCount(int count)
+    {
+        if (count == 0) return 0;
+
+        count -= 1;
+
+        var index = (int) Math.Floor(Math.Pow(count / 3.0 + 0.25, 0.5) - 0.5);
+        var valeIndex = 3 * index * index + 3 * index;
+
+        return count > valeIndex
+            ? 2 * index + 2
+            : 2 * index;
+    }
+
+    /*
+     *                layout order
+     *
+     *                  ●       ●
+     *                 (7)     (8)
+     *
+     *              ●       ●       ●
+     *             (6)     (1)     (9)
+     *
+     *          ●       ●       ●       ...
+     *         (5)     (0)     (2)
+     *
+     *              ●       ●       ...
+     *             (4)     (3)
+     *
+     */
+    protected override Size MeasureOverride(Size availableSize)
+    {
+        var maxSize = new Size();
+        var layoutChildren = Children.Where(child => child.IsVisible).ToList();
+
+        foreach (var child in layoutChildren)
+        {
+            child.Measure(availableSize);
+            maxSize = new Size(
+                Math.Max(maxSize.Width, child.DesiredSize.Width),
+                Math.Max(maxSize.Height, child.DesiredSize.Height));
+        }
+
+        _unitLength = Math.Max(maxSize.Width, maxSize.Height) / 2;
+
+        var xCount = GetXCount(layoutChildren.Count);
+        var yCount = GetYCount(layoutChildren.Count);
+
+        var availableWidth = xCount * _unitLength;
+        var availableHeight = yCount * Math.Pow(3, 0.5) * _unitLength + _unitLength * 2;
+
+        return new Size(availableWidth, availableHeight);
+    }
+
+    protected override Size ArrangeOverride(Size finalSize)
+    {
+        var childLength = _unitLength * 2;
+        _stuffer = new HoneycombStuffer(new Rect(finalSize.Width / 2 - _unitLength,
+            finalSize.Height / 2 - _unitLength, childLength, childLength));
+
+        foreach (var child in Children)
+        {
+            if (!child.IsVisible) continue;
+            child.Arrange(_stuffer.Move());
+        }
+
+        return finalSize;
+    }
+
+    private class HoneycombStuffer
+    {
+        private int _turns;
+
+        private int _maxIndex;
+
+        private int _currentIndex = -1;
+
+        private readonly double _offsetX;
+
+        private readonly double _offsetY;
+
+        private Rect _childBounds;
+
+        private readonly double[] _offsetXArr;
+
+        private readonly double[] _offsetYArr;
+
+        public HoneycombStuffer(Rect childBounds)
+        {
+            _childBounds = childBounds;
+            _offsetX = childBounds.Width / 2;
+            _offsetY = Math.Pow(3, 0.5) * _offsetX;
+
+            _offsetXArr = new[]
+            {
+                2 * _offsetX,
+                _offsetX,
+                -_offsetX,
+                -2 * _offsetX,
+                -_offsetX,
+                _offsetX
+            };
+
+            _offsetYArr = new[]
+            {
+                0,
+                _offsetY,
+                _offsetY,
+                0,
+                -_offsetY,
+                -_offsetY
+            };
+        }
+
+        public Rect Move()
+        {
+            _currentIndex++;
+            if (_currentIndex > _maxIndex)
+            {
+                _turns++;
+                _maxIndex = _turns * 6 - 1;
+                _currentIndex = 0;
+                _childBounds = _childBounds.Translate(new Vector(_offsetX, -_offsetY));
+                return _childBounds;
+            }
+
+            if (_turns > 0)
+            {
+                var index = _currentIndex / _turns;
+                _childBounds = _childBounds.Translate(new Vector(_offsetXArr[index], _offsetYArr[index]));
+            }
+
+            return _childBounds;
+        }
+    }
+}