Change application opening animation in flutter - windows

Below is the link of the natural behavior flutter desktop application shows in my application:
https://screenrec.com/share/wtcI6OFJ7L
Because this is the system tray application for desktop, to give the feel, i want it to open as:
https://screenrec.com/share/FfJknUReT3
How can it be achieved? The animation plugins in flutter that i have researched so far does not provide this functionality.

Since this is only about windows platform, I found a WIN32 API that may meet your needs. Follow this link:
https://learn.microsoft.com/en-us/windows/win32/api/winuser/nf-winuser-animatewindowHere is a YouTube video on it: https://www.youtube.com/watch?v=meIci7gOTLk You can call the api using win32 package in your flutter application. Here is the link: https://pub.dev/documentation/win32/latest/winrt/AnimateWindow.htmlAs per its documentation, the API enables you to produce special effects when showing or hiding windows. There are four types of animation: roll, slide, collapse or expand, and alpha-blended fade.

Related

How to do a Flutter Firebase app for both Mobile and Desktop at the same time

I see many samples and videos on how to do firebase for mobile and they call this "multiplatform". However, I don't see much on the desktop. There is one video on firebase flutter Windows by using a web and it seems to work. However, I do not see any tutorials for both mobile and desktop. Firebase would be a great example on syncing between desktop and mobile. We have such an app in development right now. Desktop development is new, but I'm surprised how little there is.
There is a library called firebase_dart, but the documentation seems weak.
The package firedart with the video listed above works in both desktop (linux and android without much modification..
What needed to be modified?
I had difficulty with the button on the very top of the phone, so I
added a sized box.
I had difficulty with debugPrint or print so I
added a Text widget with the results (to string).
That also worked.
Although I would like to not use fluent_ui, it does work for both desktop and mobile. I'm not sure what to do with realtime db, but I think I can make the firedart work for user sync between mobile and desktop.
It would be better if I could get firebase_dart to work.
https://www.youtube.com/watch?v=Tw7L2NkhwPc

ARCore unity debugging

For example I try to print out to the console and it doesn't, my script is attached to my main camera so we can rule that out and yes the script is active also, any help will be appreciated, right now what I am working on is to click on a certain part of my GameObject in AR and while my phone is connected to the computer I want to see the name of the certain part I clicked on in the console.
When you run the app on and Android device the log does not go to the Unity editor console. In order to see it you need to open Android Studio and then use the Logcat tab to see the device log.
Alternatively, you can run logcat from the command line
adb logcat.
More information: https://developer.android.com/studio/command-line/logcat.html
I have worked with ARCore and had the same frustating experience when it comes to debugging.
If you just want console prints, then use Log viewer which can catch and show them on Android too. (https://assetstore.unity.com/packages/tools/log-viewer-12047)
However, because I wanted more control and the ability to test and debug my game logic right inside the editor (without deploying to the phone all the time), I wrote a little plugin that allows me to do just that. This plugin simulates the operation of ARCore inside Unity editor. You can just hit play and ARCore will be simulated for you, so you can freely develop and debug your game logic. Moreover, you can then just build and deploy the project without changing anything, and ARCore will work like normal on your phone.
Using it is very similar to native ARCore, so you will not have much difficulty getting into it. It does not cover ALL features of ARCore yet, but it covers the basics. You can still use native ARCore for the rest.
You can find it here: https://github.com/VR-House/Eazy-ARCore-Interface
In current versions of Unity you can output logs from connected devices to Unity Editor. To do this, build your project in Development Mode and connect the Console to your device.
But I would recommend a more advanced way of testing AR in Editor with a plugin I wrote. I wrote it for my project and decided to make it into a plugin so everyone else can benefit from it.
AR Foundation Editor Remote plugin:
https://forum.unity.com/threads/ar-foundation-editor-remote-test-and-debug-your-ar-project-in-the-editor.898433/
I use debugging like this in C# script:
Debug.Log("Debug message and image name "+Image.Name);
To see this real time, I use Android Device Monitor (it's in Android's sdk folder, usually \Users\AppData\Local\Android\sdk\tools\monitor.bat. If device is connected, it appears on the devices list and it can be selected.
Or if I want to see the debug log in device, I put these lines in script:
private void OnGUI()
{
GUIStyle style = new GUIStyle();
style.fontSize = 50;
GUI.Box(new Rect(350, 0, 500, 500), Image.Name, style);
}
The Rect(350,0 is the position, 500,500 is the width and height of rectangle.

Display app icon on top of all window in android wear?

I am developing an wear app, i want the app icon to be display on top of window
above the watch face. I have tried using WindowManager but failed to get the
result.
WindowManager.LayoutParams params=new
WindowManager.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,
WindowManager.LayoutParams.WRAP_CONTENT,
WindowManager.LayoutParams.TYPE_PHONE,
WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE,
PixelFormat.TRANSLUCENT);
params.gravity= Gravity.CENTER|Gravity.CENTER;
params.x=160;
params.y=160;
windowManager=(WindowManager)getSystemService(WINDOW_SERVICE);
windowManager.addView(mfloatview,params);
my question is it possible to add an floating app icon in android wear?
I'm not sure if this feature (Display app icon on top of all window) is available. But you can try checking the documentation - Watch Face Complications.
A complication is any feature in a watch face that displays more than hours and minutes. For example, a battery indicator is a complication. The Complications API is for both watch faces and data provider apps.
Just like this:
Since you are using Android Wear 2.0, Complication API will be available for use.
Hope this helps.
I tried this one and works for android wear also...
apply same concept to wear, it works
http://www.androidhive.info/2016/11/android-floating-widget-like-facebook-chat-head/

Nativescript - Changing the launch screen

There is a way to change de launch screen without have to change each image one by one?
Like the doc says I used the tool: http://nsimage.brosteins.com/ to change the icon, but to change the splash screen I have to change 20 images, there isn't an easiest way?
The easiest way to do this; is on the community site...
http://nativescript.rocks
Actually the images sub-site specifically.
http://images.nativescript.rocks
It will allow you to post a single image and it will generate all the proper size screens for both android and ios.
The second way to do it is to use the ns command line (tns was renamed to ns in late 2020)
ns resources generate splashes ../SourceImage.png --background "#FFFFFF"
You want to use a source image of at least 1024x1024 as Apple requires this for the main app page image, otherwise you will be missing this size and you won't be able to submit the app to Apple.
Please note: no matter which way you generate your screens; you should always DE-INSTALL the app from your test devices so that it can do a full reinstall so that you do see the new splash screens.
Disclosure:
I'm the developer of http://nativescript.rocks group of sites.
With NativeScript 4.x.x and above the CLI has introudced a command for automatic generation of splash screen for both iOS and Android.
tns resources generate splashes ../myImage.png --background "#FF00FF"
The above will take the myImage.png and create different scaled images and replace them in `splash_screen.xml. It will also produce a background PNG with the desired background color. More about this feature in the official documentation.

Programming selectable Pebble Watchfaces (Time)

I have started with Pebble watchfaces programming on my Pebble Time, and although the watchface displays fine, it is loaded as an application, not a watchface, in that it is available in the list of applications, not the watchfaces sub-menu. I found that there are watchface online development sites that will produce actual watchfaces that get installed as such.
What is the difference ? What would I have to add to the code to make it a watchface ? Or manifest file ? The samples with the SDK were all for applications, not watchfaces.
Thanks :-)
Watch apps can do more things than watch faces can. For example, watch faces can't respond to button clicks. The SDK (CloudPebble or the C SDK) generates different code for the two types of programs. So you have to tell it what you are trying to build.
In the appinfo.json file there is a section like
"watchapp": {
"watchface": false
},
Change false to true and it should start showing up as a watch face

Resources