material slider control (#25)

* initial commit test slider

* faltan ejemplos

* title page

* save

* falta documentación, imágenes fondo

* add images

* new examples

* readme

* Apply improvements

Co-authored-by: AndresAldana <agaldanaw@unal.edu.co>
Co-authored-by: Agustin Bonilla <agustin.bonilla@horus.com.uy>

Author: 3 people

MaterialSliderControl.md

@@ -0,0 +1,137 @@
+# MaterialSliderControl
+This control is a custom implementation of a slider. You can customize some properties that we show in Documentation topic. 
+
+## Screenshot
+<img src="https://github.com/HorusSoftwareUY/MaterialDesignControlsPlugin/blob/master/screenshots/material_slider.jpg" width="300">
+
+## how use?
+```XML
+ <material:MaterialSlider 
+    x:Name="slider" 
+    MinimumValue="0" 
+    MaximumValue="100" 
+    ThumbColor="BlueViolet"
+    LabelText="Slider"
+    ActiveTrackColor="BlueViolet"
+    InactiveTrackColor="LightPink"/>
+```
+
+## Documentation
+
+### Property ValueChanged
+This property is to add an event when the value change on the control
+
+### Property LabelText:
+This property is to set the label text value
+
+### Property LabelTextColor:
+This property is to set the color of the label text when the control is enabled
+
+### Property DisabledLabelTextColor:
+This property is to set the color of the label text when the control is disabled
+
+### Property LabelSize:
+This property is to set the fontsize of the label text
+
+### Property LabelMinimumText:
+This property is to set the label minimum value
+
+### Property LabelMinimumTextColor:
+This property is to set the color of the label minimum when control is enabled
+
+### Property DisabledLabelMinimumTextColor:
+This property is to set the color of the label minimum when control is disable
+
+### Property LabelMinimumSize:
+This property is to set the font size of the label minimum
+
+### Property LabelMaximumText:
+This property is to set the label maximum text value on the control.
+
+### Property LabelMaximumTextColor:
+This property is to set the label maximum text color value on the control enabled 
+
+### Property DisabledLabelMaximumTextColor:
+This property is to set the label text maximum color value on the control.  when the control is disabled
+
+### Property AssistiveText:
+This property is to set the error text on the control. 
+
+### Property AssistiveTextColor:
+This property is to set the error text color value on the control. By default is gray. 
+
+### Property AssistiveSize:
+This property is to set the error text font size value on the control. By default is gray. 
+
+### Property AnimateError:
+This property is to set if you can show a ShakeAnimation when there is a error with control.
+
+### Property MinimumIcon:
+This property is to set the image to minimum to types of images like png, jpg.
+
+### Property CustomMinimumIcon:
+This property is to set the image to minimum with support to svg. 
+
+### Property MaximumIcon:
+This property is to set the image to maximum to types of images like png, jpg.
+
+### Property CustomMaximumIcon:
+This property is to set the image to maximum with support to svg.
+
+### Property BackgroundImage:
+This property is to set the background image to control, this allow jpg, png.
+
+### Property CustomBackgroundImage:
+This property is to set the background image to control, this allow svg.
+
+### Property ThumbImage:
+This property is to set the thumb with a image.
+
+### Property Value:
+This property is to set the value of the control, by default is the minimum.
+
+### Property MinimumValue:
+This property is to set the minimum value, by default is 0.
+
+### Property MaximumValue:
+This property is to set the minimum value, by default is 1.
+
+### Property ActiveTrackColor:
+This property is to set the active tracker color
+
+### Property InactiveTrackColor:
+This property is to set the inactive tracker color.
+
+### Property ThumbColor:
+This property is to set the color of thumb
+
+### Property TrackHeight:
+This property is to set the height of the thumb
+
+### Property TrackCornerRadius:
+This property is to set the corner radious of the track
+
+### Property UserInteractionEnabled:
+This property is to set the if the interaction of the user is enabled
+
+### Property ShowIcons:
+This property is to set if show or not the icons.
+
+### Property DisabledActiveTrackColor:
+This property is to set the disabled active track color, when the control is disabled.
+
+### Property DisabledInactiveTrackColor:
+This property is to set the disabled inactive track color, when the control is disabled.
+
+### Property DisabledThumbColor:
+This property is to set the disabled thumb color, whe the control is disabled.
+
+
+
+
+
+
+
+
+
+

README.md

@@ -163,6 +163,27 @@ Selection let users select an option.
                             Command="{Binding TapCommand}" CommandParameter="User selection" />
 ```
 
+
+### MaterialSliderControl
+Displays a slider control<br/>
+[View documentation](MaterialSliderControl.md)
+
+**Screenshot**
+
+<img src="https://github.com/HorusSoftwareUY/MaterialDesignControlsPlugin/blob/master/screenshots/material_slider.jpg" width="300">
+
+**Example**
+```XML
+ <material:MaterialSlider 
+                    x:Name="slider" 
+                    MinimumValue="0" 
+                    MaximumValue="100" 
+                    ThumbColor="BlueViolet"
+                    LabelText="Slider"
+                    ActiveTrackColor="BlueViolet"
+                    InactiveTrackColor="LightPink"/>
+```
+
 ### MaterialField
 Displays a value with its respective label in read-only format.
 

example/ExampleMaterialDesignControls.Android/ExampleMaterialDesignControls.Android.csproj

@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <Project DefaultTargets="Build" ToolsVersion="4.0" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
   <PropertyGroup>
     <Configuration Condition=" '$(Configuration)' == '' ">Debug</Configuration>
@@ -107,12 +107,10 @@
     <AndroidResource Include="Resources\drawable\showPassword.png" />
   </ItemGroup>
   <ItemGroup>
-    <Folder Include="Resources\drawable\" />
     <Folder Include="Resources\drawable-hdpi\" />
     <Folder Include="Resources\drawable-xhdpi\" />
     <Folder Include="Resources\drawable-xxhdpi\" />
     <Folder Include="Resources\drawable-xxxhdpi\" />
-    <Folder Include="Assets\Fonts\" />
   </ItemGroup>
   <ItemGroup>
     <ProjectReference Include="..\ExampleMaterialDesignControls\ExampleMaterialDesignControls.csproj">
@@ -142,5 +140,14 @@
       <Link>Assets\Fonts\font_bold.ttf</Link>
     </AndroidAsset>
   </ItemGroup>
- <Import Project="$(MSBuildExtensionsPath)\Xamarin\Android\Xamarin.Android.CSharp.targets" />
-</Project>
+  <ItemGroup>
+    <AndroidResource Include="Resources\drawable\volume.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <AndroidResource Include="Resources\drawable\mute.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <AndroidResource Include="Resources\drawable\scale.png" />
+  </ItemGroup>
+  <Import Project="$(MSBuildExtensionsPath)\Xamarin\Android\Xamarin.Android.CSharp.targets" />
+</Project>

example/ExampleMaterialDesignControls.Android/Resources/Resource.designer.cs

@@ -210,4 +210,13 @@
       <Link>Resources\Fonts\font_semi_bold.ttf</Link>
     </BundleResource>
   </ItemGroup>
+  <ItemGroup>
+    <BundleResource Include="Resources\volume.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <BundleResource Include="Resources\mute.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <BundleResource Include="Resources\scale.png" />
+  </ItemGroup>
 </Project>