Home

Awesome

AvaloniaUI AvaloniaNavigationBar Project

Motivation

This NavigationBar was inspired by my friends Vicky and James' WPF NavigationBar. In addition to this, we have long been contributing together to WPF technology research, open-source activities, and activities such as NuGet packages. I would like to express my gratitude to my friends.

Introduction

This project is an example implementation of a user-friendly AvaloniaNavigationBar using the AvaloniaUI framework. AvaloniaUI is a powerful and flexible tool for cross-platform desktop application development. In this example, we demonstrate how to create a bottom navigation bar using the ListBox control, enhancing the efficiency and accessibility of the user interface.

Features

How It's Made

Implementation Using AvaloniaUI ListBox The AvaloniaNavigationBar is based on the ListBox control, enabling efficient display of items and responsiveness to user input. Each item is composed of an icon and text for easy identification and selection by the user.

Styles and Themes

Utilizing AvaloniaUI's flexible styling system, the AvaloniaNavigationBar can be customized to meet various visual requirements, maintaining consistency with the overall design of the application.

Getting Started

Prerequisites

Installation and Execution

  1. Clone this repository.
git clone [repository URL]
  1. Install the AvaloniaUI package.
dotnet add package Avalonia
  1. Build and run the application.
dotnet run

Contribution

This project is open source and welcomes contributions from the community. You can contribute in various ways, including improving features, fixing bugs, or enhancing documentation.

Enhanced Version with Page Navigation

The BottomNavigationBar project now comes in an enhanced version that includes page navigation capabilities. This new version is designed to allow users to navigate within the application more efficiently, providing a more intuitive and smoother user experience. For more details about the enhanced project with page navigation features, please see here.

KakaoTalk_20240118_144907899

Collaboration

We've found that this approach to development could easily work with other libraries as well, and we're eager to learn more about this exciting development that opens up the possibility of such collaboration.

<img width=300px; height=600px; src="https://lukewire129.github.io/navigationbar-avaloniaui/54387261/8edbce8b-b23c-4937-b9d5-d714879209b3" >

here