Javascript Events does not work with Ionic 4 - ionic-framework

I got an article : https://www.tutorialspoint.com/ionic/ionic_js_events.htm
I working with ionic 4
I would like to use many of this even but no one works.
and mainly I would like to trigger the action sheet by sliding my finger from the bottom of the screen to top
Someone have an idea why ?

You need to use hammer.js to use certain mouse events/gestures to your Ionic 4 app (easily). It can recognise actions like pan, pinch, press, rotate, swipe etc and tap gesture recognition. hammer.js is based on browser mouse/touch events.
Read more in this article https://medium.com/madewithply/ionic-4-long-press-gestures-96cf1e44098b and watch this video tutorial https://www.youtube.com/watch?v=TdORJC-J1gg which shows how to setup hammer.js gestures in Ionic 4 .

Related

How to implement an expanding minplayer in flutter using just audio

I am working on a simple music player app using the just_audio plugin. I want to have a small miniplayer at the bottom of the screen in the app. It will have basic song info and controls to play and pause. The basic deisgn is -:
when the user clicks on the minplayer I want it to expand into a full screen size and show additional controls like a progress bar, buttons to control the player etc. I tried to do this by passing the audioplayer as a navigator argument but got the error which said that only one instance of player is accepted at a time. Also the big screen should have a button to collapse the player
Please help

Implement the Flash button animation as in iPhone camera in my app?

Im developing a camera app, I want to implement the same animation that happens in default iPhone camera app when you click on the flash button, i.e once you click on the flash button, we can see the other 2 buttons animating, and once you click any one button it again animates and hides.
how can i do this?
Thanks in advance.
Take a look at DDExpandableButton which is able to do exactly this and even includes example code for creating a flash button. https://github.com/ddebin/DDExpandableButton

Is it possible to record/replay a set of touch events on iPhone for demo purposes?

I'm thinking of a way to include a demo of how my iPhone app works along with the app. I need to demonstrate how one of my on-screen GMGridView controls works.
Is it possible to record or programmatically create a set of long press, touches moved, touches ended events and then invoke them on the interface?
I would suggest this:
Add a visual tap effect when you press the screen Record yourself
using the App on the simulator using a screen capture Add in a video
player at the tutorial screen that shows how to use the app
Or create a UIView animation doing the above steps if you rather not add a video player.
A great way to this is SIKULI tool. You can automate the demo work flows easily : http://sikuli.org/

iphone google maps crosshair button

I would like to use or emulate a button like the gps button in the bottom left corner of the standard maps application on the iphone OS. The button behaves like a toggle button where gps is enabled or disabled depending on whether it is pushed and it may hold a small spinner component while the gps is finding your position.
Does anyone know if this component can be easily constructed using default components? If no, what would be the best way to develop such a component?
Is the crosshair/target icon a generic icon that I can re-use?
The button is just an image, you should be able to recreate it.
In order to do the tracking, I would look at this sample code: http://developer.apple.com/iphone/library/samplecode/LocateMe/index.html
It shows you how to get the GPS coordinates, then you can feed that data into a MKMapView.
Apple's Spinner Button is hidden, but can be used with systemButton: 100

i image does not work good in utility app on iPhone app

I working on a utility app. When I run the app in simulator clicking i image at the bottom flips the view in a flash. But when I run the app on iPhone device it behaves abnormally. At times it flips the view in just 1 tap. The other times it does not bother to react even after tapping the image 10 times. I tried with other utility app also - same issue. Thus its not an issue with the code I believe.
Any help to resolve this issue is much appreciated.
Thanks,
AJ
This is a problem because the 'i' button is not very big by default and touches are missed easily.
You need to put another button in front of the 'i' button with the 'Custom' type in Interface Builder, so that it doesn't have any image. Then you can make this invisible button much larger and connect it to the same action as the info button.
You also need to enable "shows touch on highlight" in Interface Builder so that you get the white glow effect when the invisible button is touched.