How to put gesture detector at specific points on the photo? - flutter

I will make an application with Flutter. I want to show different pop-ups when I click on certain parts of a photo that I imported from outside in the application.
For example, get a photo like this.
enter image description here
When I click on the fields I have determined in this photo, I want to give a pop-up according to the field and give information.
one more example.
I want to show what the button does by opening a pop-up when you put this png into practice and click on the fields I specified.
Do you have any suggestions for a resource or library that I can mark on the photo or help me?[!

Related

Displaying the wiki content dynamically beside each image

I want to display images of 10 people on my dashboard, when i hover the image dynamically it needs to display a wiki page to the side of each image related to that person, how do i achieve this in tableau?
Here are the steps after you have a dashboard with your people on one of the charts. My example uses the pesticide list from the most recent #makeovermonday.
In your dashboard, drag the web page object in.
Click the option dropdown of that new object and click Add URL Action.
In the popup place the main portion of your wikipedia url in the box and select your people field which will become the dynamic portion of the URL. Mine is pesticides.
Change Run action on to Hover
Now when you hover on your main chart it will update the web page object with the person hovered on. I just hovered on Atrazine in this image
You will probably have to update your people names to make sure they match wikipedia's url.

In Shopify, how do I add mouseover to a non-product page?

I am building my site in shopify. On the "about us" page I have photos of each team member. I would like to be able to click on the photo to show a JPG (which is a postcard of employee title and interesting facts). Is there a way to add a mouseover feature on an image that is not a product? We are using the minimal theme. As point of reference we got this idea from www.scoutbags.com/about-us
On that site they use a hover feature to change the photo and then a click through to the postcard. We are skipping the second photo to try to keep it simple/doable.
Here's info on how to enable lightboxes on your images.
https://docs.shopify.com/themes/customization/colors-images-and-video/add-lightbox-to-images
To enable images on your About Us page, you need to edit page.liquid. Find the div element that contains your page content. To the opening <div> tag, add class="rte".
Make sure you follow the rest of the steps on that tutorial.

How to show number small custom icon like mail, iphone

I have a social networking app. I have a button and based on the click on the button I need to show a small icon on the top right corner of the button. it is a custom color and text.
I know to show the default system number icon for like the one for unread mail you can get it from the shared application badge count. But I am trying to do something custom here.
I am thinking of building my own imageview (its background will be a custom png) and then within it a small text to show the number.
Anyone has experience with this and can recommend a better way?
You can add a imageView with badge image as the subvie of that button.
There is a lot of custom badge controls available.
Please check the following links.
jobadgeview
CustomBadge
Badge
You cannot change anything on the home screen besides for the app icon, name, and badge value. Do you mean on the home screen or on a tab bar?
UPDATE
If you mean a badge in the app, not on the homescreen, checkout #MidhunMP's answer to find links on how to do this. I have used http://www.spaulus.com/2011/04/custombadge-2-0-retina-ready-scalable-light-reflex/?lang=en before successfully.

OpenGraph publish action display

I am writing here to ask you for some help. I;m trying to publish action "vote" which is connected with built-in object "movie". I can post that action with image, but message is displayed above that image (thumbnail).
I've tried to add some custom properties/field such as "viewers" (Integer), but it didn't succeded. It is not displayed in my timeline.
I want to post thumbnail on the left, and on the right: name of movie and my custom fields or plain text (Side by side). Please help me achieve that effect.
I also noticed that published action is displayed in Activity Feed instead of News Feed or Timeline (profile).
In your app's Open Graph settings, define Captions for the vote action.
https://developers.facebook.com/docs/opengraph/define-actions/

how to get ids/names/guids of selected pictures in picture library

I have created a picture library and selected some pictures (through a check box).
I have also added a menu item 'Download to my App' in the 'Actions' menu item in the standard toolbar.
Now, on clicking the 'Download to my App' option, I want to download the selected pictures programatically to my application.
So how can I get the ids/names/guids of selected pictures so that I can get SPListItem or SPFile objects of pictures.
Is there any token that I can get like ListId/ItemId in url?
Did you create a check box for each picture that you wanted to select? If so, how do you know which picture is associated with each check box? Because surely that's the key to understanding the identity you need to do the download, isn't it?