Arrow.Avalonia

Create a customizable Arrow with various configurations.

The Arrow Control is developed using Avalonia, making it compatible with multiple platforms including Windows, Linux, macOS, iOS, and Android.

Features

• Customizable Positions: Define precise starting and ending positions for the arrow.
• Fine-tuned Arrow Configuration: Adjust the thickness of the arrow body, length, and width of the arrow head to meet specific requirements.
• Flexible Head Style: Choose between filled or unfilled arrow heads to suit different design preferences.
• Color Selection: Select the arrow's color to seamlessly integrate it with your application's visual style.

Showcase

Usage

1. Add the package: https://www.nuget.org/packages/ByteVille.Arrow.Avalonia.Control

dotnet add package ByteVille.Arrow.Avalonia.Control

2. Add the Arrow Control to your .axaml file.

<control:Arrow
         HeadLength="{Binding Arrow.HeadLength, Mode=TwoWay}"
         HeadWidth="{Binding Arrow.HeadWidth, Mode=TwoWay}"
         IsFilled="{Binding Arrow.IsHeadFilled}"
         IsProportional="{Binding Arrow.IsHeadProportional}"
         IsVisible="{Binding Arrow.IsVisible}"
         Thickness="{Binding Arrow.Thickness}"
         Color="{Binding Arrow.Color}"
         StartPoint="{Binding Arrow.Start}"
         EndPoint="{Binding Arrow.End}" />

For more info, see the sample project.

Contributing

Contributions to the Arrow Control project are welcome!

Acknowledgments

Special thanks to Avalonia for providing the cross-platform UI framework.

License

This project is license under the MIT License.