All Projects → kngfrhzs → Panter Dialog

kngfrhzs / Panter Dialog

Panter Dialog is an stylish android library that helps users add cool features like adding header and header logos

Programming Languages

java
68154 projects - #9 most used programming language

Projects that are alternatives of or similar to Panter Dialog

Alerttoast
Create Apple-like alerts & toasts using SwiftUI
Stars: ✭ 151 (+26.89%)
Mutual labels:  ui-components, dialog
Vue Dialog Drag
Simple vue draggable dialog
Stars: ✭ 141 (+18.49%)
Mutual labels:  ui-components, dialog
Nativescript Drop Down
A NativeScript DropDown widget.
Stars: ✭ 107 (-10.08%)
Mutual labels:  ui-components
Marko
A declarative, HTML-based language that makes building web apps fun
Stars: ✭ 10,796 (+8972.27%)
Mutual labels:  ui-components
Office Js Helpers
[ARCHIVED] A collection of helpers to simplify development of Office Add-ins & Microsoft Teams Tabs
Stars: ✭ 111 (-6.72%)
Mutual labels:  dialog
Personalized Dialog
Code for the paper 'Personalization in Goal-oriented Dialog' (NeurIPS 2017 Conversational AI Workshop)
Stars: ✭ 109 (-8.4%)
Mutual labels:  dialog
Smart Webcomponents
Web Components & Custom Elements for Professional Web Applications
Stars: ✭ 110 (-7.56%)
Mutual labels:  ui-components
Mojitalk
Code for "MojiTalk: Generating Emotional Responses at Scale" https://arxiv.org/abs/1711.04090
Stars: ✭ 107 (-10.08%)
Mutual labels:  dialog
Androidrate
AndroidRate is a library to help you promote your Android app by prompting users to rate the app after using it for a few days.
Stars: ✭ 117 (-1.68%)
Mutual labels:  dialog
React Multi Select
A Multi Select component built with and for React
Stars: ✭ 111 (-6.72%)
Mutual labels:  ui-components
Css
The CSS design system that powers GitHub
Stars: ✭ 10,670 (+8866.39%)
Mutual labels:  ui-components
React Native Push Notification Popup
A <NotificationPopup/> component for presenting your own push notification in react-native app
Stars: ✭ 111 (-6.72%)
Mutual labels:  dialog
Pg Calendar
📆 beautiful and eidetic date picker
Stars: ✭ 109 (-8.4%)
Mutual labels:  ui-components
Angular Confirm
A multipurpose plugin for alert, confirm & dialog for angular1
Stars: ✭ 114 (-4.2%)
Mutual labels:  dialog
Quist Ui
快应用UI组件库 https://jdsecretfe.github.io/quist-ui/
Stars: ✭ 108 (-9.24%)
Mutual labels:  ui-components
Jxpopupview
一个轻量级的自定义视图弹出框架
Stars: ✭ 117 (-1.68%)
Mutual labels:  dialog
Livesmashbar
An elegant looking and easy to use informative library with LiveData integration for Android.
Stars: ✭ 107 (-10.08%)
Mutual labels:  dialog
Nativescript Ui Feedback
This repository is used for customer feedback regarding Telerik UI for NativeScript. The issues system here is used by customers who want to submit their feature requests or vote for existing ones.
Stars: ✭ 110 (-7.56%)
Mutual labels:  ui-components
Flutter Status Alert
Display Apple system-like self-hiding status alerts. It is well suited for notifying user without interrupting user flow.
Stars: ✭ 111 (-6.72%)
Mutual labels:  ui-components
React Virgin
The react-native UI Kit you've been looking for.
Stars: ✭ 1,523 (+1179.83%)
Mutual labels:  ui-components

PanterDialog

Build Status Android Arsenal Join the chat at https://gitter.im/panterdialog/Lobby

Logo

Screenshots

Installation

Add this into your build.gradle dependencies section.

compile 'com.eminayar.panterdialog:panter-dialog:0.0.2.1'

Sample Usages

You can check sample application to see how to create PanterDialogs with simply [sample module] (https://github.com/kngfrhzs/panter-dialog/tree/master/app).

There are 3 types of dialog for now. Default dialog type is DialogType.Standart. So if you don't pass this value it will create a standart text dialog. Otherwise you can create Input Dialog by just calling setDialogType(DialogType.INPUT) or Single Choice List Dialog by just calling setDialogType(DialogType.SINGLECHOICE).

Dialog with Header and Logo

new PanterDialog(this)
       .setHeaderBackground(R.drawable.pattern_bg_orange)
       .setHeaderLogo(R.drawable.sample_logo)
       .setPositive("I GOT IT")// You can pass also View.OnClickListener as second param
       .setNegative("DISMISS")
       .setMessage(R.string.lorem_ipsum)
       .isCancelable(false)
       .show();

Dialog with Header and Title

new PanterDialog(this)
       .setHeaderBackground(R.drawable.pattern_bg_orange)
       .setTitle("Sample Title")
       .setPositive("I GOT IT")// You can pass also View.OnClickListener as second param
       .setNegative("DISMISS")
       .setMessage(R.string.lorem_ipsum)
       .isCancelable(false)
       .show();

Dialog with Only Header

new PanterDialog(this)
       .setHeaderBackground(R.drawable.pattern_bg_orange)
       .setPositive("I GOT IT")// You can pass also View.OnClickListener as second param
       .setNegative("DISMISS")
       .setMessage(R.string.lorem_ipsum)
       .isCancelable(false)
       .show();

Input Dialog

new PanterDialog(this)
        .setHeaderBackground(R.drawable.pattern_bg_orange)
        .setHeaderLogo(R.drawable.sample_logo)
        .setDialogType(DialogType.INPUT)
        .isCancelable(false)
        .input("THIS IS HINT FOR INPUT AREA YOU CAN WRITE HERE ANY LONGER TEXTS",
                "ERROR MESSAGE IF USER PUT EMPTY INPUT", new
                            OnTextInputConfirmListener() {
                            @Override
                            public void onTextInputConfirmed(String text) {
                                Toast.makeText(MainActivity.this, text, Toast.LENGTH_LONG).show();
                            }
                        })
        .show();


Single Choice List Dialog

While passing your values to dialog you can pass them as @ArrayRes , String[] or ArrayList<String>.There are 3 built-in method for them

new PanterDialog(this)
          .setHeaderBackground(R.drawable.pattern_bg_blue)
          .setHeaderLogo(R.drawable.sample_logo)
          .setDialogType(DialogType.SINGLECHOICE)
          .isCancelable(false)
          .items(R.array.sample_array, new OnSingleCallbackConfirmListener() {
              @Override
              public void onSingleCallbackConfirmed(PanterDialog dialog, int pos, String text) {
                  Toast.makeText(MainActivity.this, "position : " + String.valueOf(pos) +
                                  " value = " + text,
                          Toast.LENGTH_LONG).show();
              }
          })
          .show();


Animation

There are 3 type of pre-defined animation you can use : POP, SLIDE and SIDE

Pop Animation

You can add this animation to your dialog by using .withAnimation(Animation.POP)

Side Animation

This animation let dialog enter screen from left and exit from right. You can add this animation to your dialog by using .withAnimation(Animation.SIDE)

Slide Animation

This animation let dialog enter screen from bottom and exit from bottom. You can add this animation to your dialog by using .withAnimation(Animation.SLIDE)

Contribution

Open to any kind of new idea, development suggestion or bug fixing. And If anyone want to contribute , I will appreciate. It is enough to just create a new PR that explaining problem and solution.

###License

Copyright 2016 Muhammed Emin AYAR

The MIT License

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].