brookshi/XPButton

XPButton

XPButton will help you to create icon button much easier for UWP (Universal Windows Platform)

Features

• Left, top, right, bottom, onlyicon, noicon, 6 way to customize your icon buttons
• Border with radius, color, thickness
• Customize icon size, font size
• Interval of icon and content
• Normal state, pointer over state, pressed state
• Easy use like normal button
• Suppport Symbol, Image, Custom Font Icon, Path Icon

Display

With XPShadow, can make Material Design button

Usage

<xp:XPButton Margin="10" 
   Content="Follow me"                // text
   Background="Transparent"           //background
   BorderBrush="White"                //border brush
   IconForeground="White"             //icon foreground, default is same as Foreground
   Foreground="White"                 //text foreground
   PointerOverBackground="Black"      //background when mouse hover, default is same as Background
   PointerOverBorderBrush="White"     //border brush when mouse hover, default is same as BorderBrush
   PointerOverIconForeground="Gray"   //icon foreground when mouse hover, default is same as BorderBrush
   PointerOverTextForeground="Gray"   //text foreground when mouse hover, default is same as Foreground
   PressedBackground="LightGray"      //background when press/touch, default is same as Background
   PressedBorderBrush="LightGray"     //border brush when press/touch, default is same as BorderBrush
   PressedIconForeground="Black"      //icon foreground when press/touch, default is same as BorderBrush
   PressedTextForeground="Black"      //text foreground when press/touch, default is same as Foreground
   DisabledBackground="DarkGray"      //background when disable, default is same as Background
   DisabledBorderBrush="DarkGray"     //border brush when disable, default is same as BorderBrush
   DisabledIconForeground="DarkGray"  //icon foreground when disable, default is same as BorderBrush
   DisabledTextForeground="DarkGray"  //text foreground when disable, default is same as Foreground
   FontSize="20"                      //font size
   IconSize="30"                      //icon size, default is 20
   IconInterval="3"                   //interval of icon and text, default is 5
   IconPosition="Right"               //Left, Right, Bottom, Top, NoIcon, OnlyIcon, default is Left
   BorderThickness="2"                //default is 2
   CornerRadius="0">                  //corner radius, default is 0
    <xp:XPButton.Icon>                //Icon, can be Symbol, Bitmap, Font, Path, [Icon = Like]/[<BitmapIcon UriSource="ms-appx:///Assets/facebook.png"/>]/[<FontIcon FontFamily="/Assets/Fonts/fontawesome-webfont.ttf#FontAwesome" Glyph="&#xf064;"/>]
      <BitmapIcon UriSource="ms-appx:///Assets/facebook.png"/>
    </xp:XPButton.Icon>
    
</xp:XPButton>

Simple Usage

<xp:XPButton Margin="10" 
   Background="#55ACEE" 
   Foreground="White" 
   IconForeground="White"
   PointerOverBackground="#2599EE"
   PressedBackground="#2099EE"
   IconSize="30" 
   IconPosition="OnlyIcon"
   Width="50"
   Height="50"
   CornerRadius="25">
    <xp:XPButton.Icon>
      <BitmapIcon UriSource="ms-appx:///Assets/twitter.png"/>
    </xp:XPButton.Icon>
</xp:XPButton>

NuGet

PM> Install-Package XPButton 

License

Copyright 2015 Brook Shi

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License. 

Contact me

Email: iwxiaot@gmail.com