Light

ieuanwalker / maui.statebutton Goto Github PK

With this control, you are able to create any style of button. This is possible as it acts as a wrapper to your XAML and provides you the events/ commands and properties to bind to. It's also 100% accessible by default.

C# 100.00%

control maui button accessibility custom maui-apps

maui.statebutton's Introduction

I am a full stack senior software engineer working on websites, backend and mobile. My main passion is learning new things, and if i build something cool or usefull i try to turn it into a OSS project. Some of the technologies I enjoy working with include .NET Core, razor pages, web API's (REST), .NET MAUI, and Xamarin.Forms.

Check out my repos

maui.statebutton's People

Contributors

Stargazers

Watchers

Forkers

fossabot hartl3y94 dgokhan fredatgithub taneryurdunkulu lonelyxmas kbrkiras kosaku-hayashi

maui.statebutton's Issues

Style's property is not working

Hi,
thanks for your great work.

When we apply backgroundcolor and Stroke from style, button stay transparent and no border are drawn.

    <ContentPage.Resources>
        <ResourceDictionary>
            <Style x:Key="borderButton" TargetType="sb:StateButton" >
                <Setter Property="Stroke" Value="{StaticResource Color2}"></Setter>
                <Setter Property="StrokeThickness" Value="1"></Setter>
                <Setter Property="BackgroundColor" Value="{StaticResource Color3}"></Setter>
                <Setter Property="StrokeShape" Value="RoundRectangle 11,11,11,11"></Setter>
            </Style>
        </ResourceDictionary>
    </ContentPage.Resources>

<sb:StateButton Grid.Row="1" Grid.Column="1"  Style="{DynamicResource borderButton}"  >
                <sb:StateButton.Triggers>
                    <Trigger TargetType="sb:StateButton" Property="State" Value="Pressed">
                        <Setter Property="BackgroundColor" Value="Green" />
                    </Trigger>
                </sb:StateButton.Triggers>
                <VerticalStackLayout Padding="21,8,21,8">
                    <Image  Source="icon_stat.png" Margin="10"></Image>
                    <Label  VerticalOptions="Center"  Text="Baisser &#10; le volume" Style="{StaticResource menuCenterLabel}"/>
                </VerticalStackLayout>
            </sb:StateButton>

Thanks

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.