how to make mapbox digital style - styles

Im new in mapbox development.
Can somebody help me how to make map style like that:

That image is a reference to Studio's X-Ray view, which appears when you click the Select data tab of Mapbox Studio's + Add Layer button: here's a quick screenshot for reference
Every element of your map style is customizable, so there's nothing to prevent you from modifying all of your elements to replicate this look. This tutorial walks you through the basics: https://www.mapbox.com/help/create-a-custom-style/
If you want to get up and running more quickly, you can always copy one of Mapbox's designer styles to your account: https://www.mapbox.com/designer-maps/

Related

Why is the clip art image distorted in Asset Studio?

I don't really understand why this is the case, but for some reason it is not possible to add resources with asset studio without them being in this weird shape:
image of issue in Asset Studio
Am I missing the point, I cannot really see an intention in this, shouldn't you be able to add resources exactly as the developer designed them?
Additionally I would like to use googles stock clip art, however this wont allow it.
This is due to the new "Layout Rendering Engine" in Android Studio.
Disable using the following: Settings -> Experimental -> Use new Layout Rendering Engine

How can I drag images onto the canvas?

I am working on an app that loads an image and paints it in a camvas to edit it, but I want to add a section where I show a list of images and the user can drag and drop the image on the canvas, but I am locked in the latter function someone have an example or a way to perform this function?
this Android Developers tutorial covers just what you need - a drag and drop process of an image. If you want an even more detailed tutorial, this Android Developers page explains it well.
In short, you have to use the onTouchEvent method inherited from the View class in order to detect and apply the Drag and Drop process.

Adding a text box in Android Studo

Trying to use AndroidStudio (3.4.2) for the first time and it appers to be substantially different to the tutorial at
https://developer.android.com/training/basics/firstapp/building-ui
For example:
There is no layout editor toolbar let alone a show button.
There is no autoconnect button
It doesn't show any wiggly lines from the middle of the blue square to its edges.
When adding a text box it goes to the top left and can't be moved.
WTF is going on? This is awful!
So I know this may sound like the hard answer, but in the long run it will make life 1000x easier.
You need to learn XML to design the activities. It's fairly simple and really easy to research. The reason the textbox can't be moved is because the default layout is ConstraintLayout. In order to fix this, go to the xml file and change the Constraint layout to either Relative layout or Linear Layout. In the end, its more simple to learn straight xml.
I suggest you learn Android programming from here or somewhere else because the Android documentation can be confusing especially for a beginner like yourself and trust me, I've been there.

Can I create a slide show with Balsamiq?

I'd like to simulate navigation and basic functionality using Balsamiq to simulate an iOS app.
I created a series of Balasmiq layouts and I'd like to connect these into an interactive slide show, wherein the individual buttons within each layout connects to a different screen.
Is this possible or do I have to use another tool like Flash?
Balsamiq will allow you to link elements to each other. When you select an object the properties window has a "Link" dropdown and you can link to any other wireframe file in the same directory as the one you are working on. This then puts an arrow next to the control you are working with so that if you Alt+click that arrow you go to the linked form. If you export the entire directory as a PDF you will have a presentation that will work seamlessly with all links being functional.
Here is the tutorial for linking:
Balsamiq linking tutorial

How can I add a button at the end of a listView?

Iwould like to add a button at the end of a listView in the same way as the bing apps do (see picture for example).
I looked for hours in google and in the microsoft documentation but canøt find anything that can give me an idea of how to do this.
Did anyone achieved this?
thanks
If you run that app (Health & Fitness), then run Visual Studio and use Debug > Attach to Process, you can open the DOM Explorer and examine how that UI is implemented.
What you'll see in this case is that it's not using a ListView at all, but rather it's own custom control that's just based on a CSS grid. That is, just because there's a grid-like view doesn't mean it's a ListView. You can always use straight HTML/CSS layout to achieve these sorts of things, which is all that's happening here. As such, it just makes separate div's for those two "More" elements.
Now if you do want to use a ListView, there are a few things you can do. First of all, if you want to render any item in a ListView differently than others, you have to make sure to use a different template. What this means is that you use an item rendering function rather than a declarative template, which then enables you to examine the item data and programmatically decide what kind of rendering to perform.
Second, if you want to have items of different sizes, then you need to use cell spanning. In Windows 8.0/WinJS 1.0 this is a property of the GridLayout. In Windows 8.1/WinJS 2.0 you instead use the CellSpanningLayout.
I have all the details for both rending functions and cell spanning written up in Chapter 7 of my second edition preview of Programming Windows Store Apps with HTML, CSS, and JavaScript, which is a free ebook from Microsoft Press so it doesn't cost you anything. :)

Resources