Giter VIP home page Giter VIP logo

maui.freakycontrols's Introduction

An Introduction to Maui.FreakyControls

Platforms

Support OS
iOS iOS 14.0 +
Android API 23+ (Marshmallow)

Documentation

For more details and API documentation check our Wiki

Like what you saw? Want to keep this repo alive?

Previews:

Note: GIFs here don't represent the actual performance of said controls please feel free to clone the repository and check the performance of our controls yourself!!

iOS Android

License

The license for this project can be found here

Installation

Add our NuGet package or

Run the following command to add our Nuget to your .Net MAUI app:

  Install-Package FreakyControls -Version xx.xx.xx

Add the following using statement and Initialization in your MauiProgram:

using MAUI.FreakyControls.Extensions;
namespace Samples;

public static class MauiProgram
{
    public static MauiApp CreateMauiApp()
    {
        var builder = MauiApp.CreateBuilder();
        builder
        .UseMauiApp<App>()
        .ConfigureFonts(fonts =>
                        {
                            fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
                            fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");
                        });

             //Takes one argument if you would like to init Skiasharp 
             // through FreakyControls or not. (Used for RadioButton, Checkbox & SVGImageView)
             builder.InitializeFreakyControls();
             
             return builder.Build();
     }
 }
 

Now you can use the controls in your app.

Activity

Fossa:

FOSSA Status

Sparkline:

Sparkline

RepoBeats:

RepoBeats

maui.freakycontrols's People

Contributors

freakyali avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

maui.freakycontrols's Issues

SIgnaturePad - Change Clear Button Text

Description

I'm trying to change the clear button text from a "X" to "Clear". I created a png image called "clear.png" and got the base64 encoded string of the image. setting the ClearImageBase64 property to this string doesn't change the button image. How can I do this?

Thanks!

Cannot run sample out of the box

Description

Code

Expected Behavior

Actual Behavior

Basic Information

  • Version with issue:
  • Last known good version:
  • IDE:
  • Platform Target Frameworks:
    • Android:
    • iOS:
    • Dotnet:
  • Target Devices:

Screenshots

Reproduction Link

FreakyTextInputLayout causes crash when use delete button on iOS

When using a FreakyEntry or FreakyTextInputLayout on iOS u can tap on the selected entry again or long press it to open a menu for copy paste and much more. if u select "delete" or also "pause", probably more aswell, then the app gets crashed.
It seems like u are using a special menu for this. using standard maui entry opens another menu with less actions.
I did not find a possibility to deactivate this menu and no hint where u add this menu in your code.

I really like the freaky inputs, but this makes it hard to use them.
I'm just using it simple as that. And everywhere I use it, it leads to a crash if I open the menu and select delete for example.

Error Message:
ObjCRuntime.ObjCException: 'Objective-C exception thrown. Name: NSInvalidArgumentException Reason: -[Maui_FreakyControls_Platforms_iOS_NativeControls_FreakyUITextfield delete:]: unrecognized selector sent to instance 0x112e79400

Usage:
<freakyControls:FreakyTextInputLayout Grid.Column="1" Text="{Binding DisplayName}" HorizontalOptions="Fill" VerticalOptions="Center"/>

I am using the latest stable version 0.4.4
On Android there is no problem, just on iOS

Help needed to run sample

Description

So this is kind of this issue #106 but with some context :)

Simply just need some pointers on how the get the sample working.

Code

Sample code from help page

Expected Behavior

Working controls

Actual Behavior

So I've added the package by nugget and added builder.InitializeFreakyControls(); to my MauProgram.cs.
The app builds without any issues but when I try to add a control to my MainPage.xaml I get the following error (see attached image)
image

Basic Information

  • Version with issue: 0.4.10
  • Last known good version: n/a
  • IDE: Visual Studio 2022 (Windows)
  • Platform Target Frameworks:
    • Android: 5.0
    • Dotnet: 8
  • Target Devices:
    • n/a

Screenshots

Please see above

Reproduction Link

n/a

Svg text font

Is it possible to display an svg image containing a text attribute with different fonts using FreakySvgImageView?

Select all text on TextInputLayout

Hello,

I want all the text to be selected, when the control gets focus (is tabbed on)
I tried the code below, but it does not seem to work.
Any suggestions on how to make this work ?

public class SjwingEntry : FreakyTextInputLayout, IDisposable {

	public SjwingEntry() {
		this.BorderType = Maui.FreakyControls.Shared.Enums.BorderType.Full;
		this.BorderCornerRadius = 5;
		this.BorderStrokeThickness = 2;
		this.BorderStroke = Brush.DarkGray;
		this.ControlBackgroundColor = Colors.White;
		this.TextColor = Colors.Black;
		this.FontFamily = "Default";
		this.FontSize = 16;


		this.Focused += SjwingEntry_Focused;
	}

	public void Dispose() {
		this.Focused -= SjwingEntry_Focused;
	}

	private void SjwingEntry_Focused(object sender, FocusEventArgs e) {
		this.CursorPosition = 0;
		this.SelectionLength = this.Text.Length;
	}
}

[FreakySignaturePadView] Add property to change clear button size

Is your feature request related to a problem? Please describe.
I have my own base64 encoded svg image i'm using for the clear button on the signature pad. Currently it is a fixed size and is a bit small to read for some of my users.

Describe the solution you'd like
It would be nice to have a new bindable property that would allow the clear button size to be changed. With the image type being an svg, it should scale nicely.

Thanks!

SVG from URL example on Maui

Is there any possibility to get an example of showing svgs from remote urls?
The samples only provides a constant "SvgUrl" which is never used...

FreakyTextInputLayout : background color is visible outside border

Description

When setting a background color and a bordercorner radius, the background color is visible in the corners outside the border.

Expected Behavior

Make the area outside the border transparant

Actual Behavior

Background is colored

Basic information

Package Version : 0.4.9
OS : Android 12

Screenshots

image

Recommend Projects

  • React photo React

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

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

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

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

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

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.