A control pad with a virtual joystick and buttons.

Overview

control_pad

A virtual pad with joystick controller and configurable buttons.

Features

  • Joystick controller
  • Pad's buttons
  • Configurable events interval
  • Configurable colors

Usage

class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Control Pad Example'),
      ),
      body: Container(
        color: Colors.white,
        child: JoystickView(),
      ),
    );
  }
}

Questions or Feedback?

Feel free to open an issue.

Comments
  • more Y stages?

    more Y stages?

    Is it possible to create more stages than 0, 0.5, 1.0? I've used this in an app where I'm controlling motors to drive. I would love a function where I can drive my motors faster / slower according to the Y value of the control pad.

    Thanks in advance

    opened by ElianCodes 3
  • The joystickInnerPosition will move to the center point

    The joystickInnerPosition will move to the center point

    Hi. When I call setstate on my StatefulWidget, the joystickInnerPosition of the JoystickView returns to the center point.

    Timer.periodic(Duration(milliseconds: 500), (as) {
    	if (mounted) {
    	  setState(() {
    		_carState = _carState;
    	  });
    	}
    });
    
    bug 
    opened by zhuwei 3
  • Works on stable channel

    Works on stable channel

    The code works with stable channel as well by getting the local position using the following code :

    RenderBox getBox = context.findRenderObject();
    getBox.globalToLocal(details.globalPosition))
    

    Can you please confirm if the offsets received with the above code are correct?

    opened by gitboss 3
  • Update Readme, Teach using its controller

    Update Readme, Teach using its controller

    Hi there! I'm new at flutter and I'm wondering to know how can I use its controller in flutter, Could you please enrich your example via how to use its controller?

    opened by AMK9978 2
  • [IMPROVEMENT] Add transparency to the Joystick

    [IMPROVEMENT] Add transparency to the Joystick

    Please add options to set the opacity and color of the Joy stick. A better example showing the local and global offsets on the screen would be much appreciated.

    enhancement good first issue 
    opened by gitboss 2
  • Getting a stream from the joystick view

    Getting a stream from the joystick view

    Is there a way I can get a continues stream of data(angle and distance) from the joystick view instead of just the angle and distance when there is a change in the joystick position?

    opened by Drkstr 1
  • Added onTapCancel Gesture Feedback to pad_button_view

    Added onTapCancel Gesture Feedback to pad_button_view

    While using pad_button_view on a larger screen, it is likely that user will trigger onTapCancel (larger portion of display is available for users screen pointer(finger) to slide) but this feedback is not handled in pad_button_view so the user only receives TAPDOWN gesture(corresponding to onTapDown gesture of GestureDetector widget). Therefore, added TAPCANCEL gesture to pad_button_view (corresponding to onTapCancel gesture of GestureDetector widget).

    opened by JairajJangle 1
  • Removed color of JoystickView parent Container

    Removed color of JoystickView parent Container

    Removed color parameter for Container widget containing child = JoystickView

    Reason: Explicitly specifying white color to the parent Container widget is not required. This results in color of the Container being transparent which is expected by default. So when changing the Scaffold color to any other color say black, the square Container area around the JoystickView should inherit the color of the parent widget.

    This just makes the example code cleaner.

    opened by JairajJangle 1
  • localPosition error

    localPosition error

    Hi. I'm trying using this joystick to test. However, I cannot build JoystickView() because of an error.

    Error is : The getter 'localPosition' isn't defined for the class 'DragUpdateDetails'

    There is no 'localPosition' variable in DragUpdateDetails. The error occurs on details.localPosition in joystick_view.dart Are you going to fix this error? Thank you!

    opened by beautylight 1
  • [FEATURE] Add ButtonsView

    [FEATURE] Add ButtonsView

    ButtonsView will be a view that can contain 1 or more buttons with configurable action (callback). It should be possible to choose either a grid or a circular layout for the buttons.

    enhancement 
    opened by artur-ios-dev 1
  • [FEATURE] Add a parameter for arrows visibility

    [FEATURE] Add a parameter for arrows visibility

    add final bool in a JoystickView that will indicate if arrows should be shown on the top of the Joystick.

    Acceptance criteria:

    • Arrows can be shown
    • Arrows can be hidden
    • Proper documentation for the new parameter is written
    • It should be optional (defaults to visible)
    enhancement good first issue 
    opened by artur-ios-dev 0
  • Added Null safety v2

    Added Null safety v2

    I've double-checked properties and here is the updated pull request. Could you @artrmz, please, create a new preview package with this Null Safety implementation?

    opened by dmk-rib 0
  • Improve customizability of joystick view

    Improve customizability of joystick view

    Added the ability to pass in your own CircleView widgets to the JoystickView constructor, and choose a custom Icon to show around the joystick, allowing more visual flexibility.

    The input CircleViews are forced to be of innerCircleSize so that the calculations cannot be affected The input icon only accepts IconData, so size cannot be directly controlled by the user

    This would address issues 31, 27, 23

    opened by Jon1105 0
Releases(1.1.1.1)
Owner
Artur Rymarz
Mobile Developer.
Artur Rymarz
The definitive landscape virtual keyboard for flutter projects that can't support regular virtual keyboards

VK Flutter Virtual Keyboard The definitive landscape virtual keyboard for flutte

Mohammad Taha Bin Firoz 13 Dec 13, 2022
A Flutter plugin providing signature pad for drawing smooth signatures.

A Flutter plugin providing Signature Pad for drawing smooth signatures. Library is written in pure Dart/Flutter environment to provide support for all

Roman Hornak 79 Dec 21, 2022
App to control your health activities like calorie, water, medicine consumption, sleeping and weight control.

Handy Configuration for yourself This project contains google-services.json file of my own. You can connect your own firebase project using the follow

KanZa Studio 104 Jan 3, 2023
Flutter remote control - The main use of LongPressDraggable and DragTarget to achieve the universal remote control interaction effect.

Flutter remote control - The main use of LongPressDraggable and DragTarget to achieve the universal remote control interaction effect.

唯鹿 165 Jan 2, 2023
This project uses transactions in Firebase(FirebaseAuth and FireStore) to send and receive virtual money across accounts

FinTech (WIP) This project uses transactions in Firebase(FirebaseAuth and FireStore) to send and receive virtual money across accounts. On account cre

Godson 4 Nov 15, 2022
An incremental DOM library, with support for virtual DOM and components, written in Dart.

domino - a DOM library in Dart Inspired by Google's incremental-dom library, package:domino is a Dart-native DOM library supporting incremental DOM up

null 17 Dec 26, 2022
Docoline is a virtual Doctor appointment booking application

Docoline Docoline is a virtual Doctor appointment booking application, that has been developed to override the problems of booking an appointment with

Shametha K G 11 Oct 17, 2022
Submission to Hack The League - ThankQ ( A virtual queueing application)

ThankQ : A Virtual Queueing App for Amusement Parks! Motivation Waiting for your favorite ride in a long queue is really frustrating, so we developed

Aditya Kumar Singh 2 Sep 22, 2022
A Flutter Plugin for Volume Control and Monitoring, support iOS and Android

flutter_volume A flutter plugin for volume control and monitoring, support iOS and Android 手把手带你写 Flutter 系统音量插件 https://www.yuque.com/befovy/share/fl

befovy 35 Dec 9, 2022
Neha Tanwar 4 Feb 2, 2022
A Flutter package for simple and easy to use actions like buttons, checkboxes and switches.

Easy Actions Overview A Flutter package for simple and easy to use actions like buttons, checkboxes and switches. Features Elevated Button Outlined Bu

Ashish Bhakhand 3 Jun 25, 2022
Flutter Control is complex library to maintain App and State management. Library merges multiple functionality under one hood. This approach helps to tidily bound separated logic into complex solution.

Flutter Control is complex library to maintain App and State management. Library merges multiple functionality under one hood. This approach helps to

Roman Hornak 23 Feb 23, 2022
Control your week, days, hours, and even minutes. ⏳

Info An advanced, minimalist, and powerful time management application. Where you can create the task, give it a duration, and select which weekdays y

Ismael Shakverdiev 86 Dec 18, 2022
This is an animated app used to control Tesla Car which is on progress and will be published soon

Animated Tesla App Conect using Flutter Packages we are using: flutter_svg: link We will cover how to use ImplicitlyAnimatedWidge and how to use multi

null 1 Nov 13, 2021
Implements GTK Widgets, themes and titlebar buttons in Flutter. Based on the GNOME HIG

GTK ❤️ Flutter Unofficial implementation of GTK Widgets, themes and titlebar buttons in Flutter. Based on the GNOME Human Interface Guidelines. Featur

Prateek SU 164 Dec 26, 2022
A set of Flutter widgets that makes grouping Checkboxes and Radio Buttons much easier!

grouped_buttons A set of Flutter widgets that makes grouping Checkboxes and Radio Buttons much easier! Installing Add the following to your pubspec.ya

Akshath Jain 102 Dec 28, 2022
Flutter widget library containing buttons for authenticating with popular social networks: Apple, Google, Facebook, Twitter and Microsoft.

Flutter Auth Buttons This library is now in maintenance mode I'm no longer actively using Flutter and don't have the time to keep this library maintai

Duncan Jones 115 Nov 3, 2022
A new Flutter widget that add support for AndroidTV app. Using keyboard to control focus node.

flutter_tv_autofocus A new Flutter widget that add support for AndroidTV app. Using keyboard to control focus node. Getting Started Wrap your flutter

SUPERMONKEY 28 Aug 18, 2022
A VLC remote control written with Flutter

VLC Remote A VLC remote control written with Flutter. Initial Setup Guides The first time you start VLC Remote, it will provide a guide to setting up

Jonny Buchanan 65 Oct 27, 2022