All notable changes to this squircle study and repo are recorded here.
- The first version communicated and tweeted.
- Added a feature to vary the
strokeAlign
on usedBorderSide
on the shape drawn with an outline. - Added a semitransparent fill also to the shape that has the outline, drawn on top of the filled one.
- Changed SquircleBorder PR the
SquircleBorder
to extendOutlinedBorder
. AddedBorderSide
outline border, it also supports usage ofstrokeAlign
on the border. - Changed SquircleBorder PR the
SquircleBorder
, propertyradius
that wasdouble
border radius to useborderRadius
of typeBorderRadiusGeometry
. It still only supports symmetric corners, despite now usingBorderRadiusGeometry
for theborderRadius
. The plan is to look into unsymmetrical corner radius support. - Tuned the max curvature limit the
SquircleBorder
can use, it now supports up to 0.65 of the stadium border ratio. It might have to be reduced a bit. The shape breaks down slightly at this ratio. It is more visible when using borders. - Modified outline border on SquircleStadiumBorder PR the
SquircleStadiumBorder
, it now supports usage ofstrokeAlign
on the border. - Conclusions and findings have not been updated.
- FOUND FLUTTER AND PACKAGE ISSUES
- Noticed that of all the shapes, only Flutter SDK
RoundedRectangleBorder
andStadiumBorder
correctly support usage ofstrokeAlign
on the usedBorderSide
. The Flutter SDKContinuousRectangleBorder
does not handlestrokeAlign
on the usedBorderSide
correctly, it does not even try to. TheBeveledRectangleBorder
tries, but fails. The error causes it to draw a border that is much thicker than the one in its specifiedborderSide
. These issues should be raised as bugs in the Flutter SDK. None of the used packages implement any support forBorderSide
and itsstrokeAlign
property. Some of them also do not implement lerp for line width and corner radius changes.
- Noticed that of all the shapes, only Flutter SDK
- Study:
- Added info about if
strokeAlign
works or not for each studied shape. - Added info about if shape lerp animation (radius and outline) works or not for each studied shape.
- Added info about if
- Fixed
strokeAlign
onSquircleBorder
andSquircleStadiumBorder
so that the clipping of the border when used onMaterial
, works the same way as it does in Flutter SDK when usingRoundedRectangleBorder
andStadiumBorder
. - Study App Features:
- Added display of the used outlined border width. We can use it to visually see what a line of selected width looks like. Used to visually verify that the outline width on the shape is correct.
- Added optional clipping of the outlined shaped
Material
. Can be used to see howstrokeAlign
works when the shape is used byMaterial
and it is clipped. - Added removal of the fill from the outlined shaped
Material
. We can now optionally get the same look as in version 1.0.0.
- Moved version history to this CHANGELOG.md file.
- Minor language tweaks and clarifications added to the report.
- Add about box
- Refactor app and rename classes.
- Releases a web build of the Squricle Study app https://rydmike.com/squircle/latest