This repository has been archived by the owner on Oct 7, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 493
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
[expression] format text field example (#988)
- Loading branch information
Showing
7 changed files
with
163 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
126 changes: 126 additions & 0 deletions
126
...n/java/com/mapbox/mapboxandroiddemo/examples/styles/TextFieldMultipleFormatsActivity.java
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,126 @@ | ||
package com.mapbox.mapboxandroiddemo.examples.styles; | ||
|
||
import android.os.Bundle; | ||
import android.support.annotation.NonNull; | ||
import android.support.v7.app.AppCompatActivity; | ||
|
||
import com.mapbox.mapboxandroiddemo.R; | ||
import com.mapbox.mapboxsdk.Mapbox; | ||
import com.mapbox.mapboxsdk.maps.MapView; | ||
import com.mapbox.mapboxsdk.maps.MapboxMap; | ||
import com.mapbox.mapboxsdk.maps.OnMapReadyCallback; | ||
import com.mapbox.mapboxsdk.maps.Style; | ||
import com.mapbox.mapboxsdk.style.expressions.Expression; | ||
import com.mapbox.mapboxsdk.style.layers.Layer; | ||
|
||
import static com.mapbox.mapboxsdk.style.expressions.Expression.FormatOption.formatFontScale; | ||
import static com.mapbox.mapboxsdk.style.expressions.Expression.FormatOption.formatTextFont; | ||
import static com.mapbox.mapboxsdk.style.expressions.Expression.format; | ||
import static com.mapbox.mapboxsdk.style.expressions.Expression.formatEntry; | ||
import static com.mapbox.mapboxsdk.style.expressions.Expression.get; | ||
import static com.mapbox.mapboxsdk.style.layers.PropertyFactory.textField; | ||
|
||
|
||
/** | ||
* Use runtime styling to create labels with a SymbolLayer that include multiple | ||
* text fonts and sizes. | ||
*/ | ||
public class TextFieldMultipleFormatsActivity extends AppCompatActivity { | ||
|
||
private MapView mapView; | ||
|
||
@Override | ||
protected void onCreate(Bundle savedInstanceState) { | ||
super.onCreate(savedInstanceState); | ||
|
||
// Mapbox access token is configured here. This needs to be called either in your application | ||
// object or in the same activity which contains the mapview. | ||
Mapbox.getInstance(this, getString(R.string.access_token)); | ||
|
||
// This contains the MapView in XML and needs to be called after the access token is configured. | ||
setContentView(R.layout.activity_style_text_field_multiple_formats); | ||
|
||
mapView = findViewById(R.id.mapView); | ||
mapView.onCreate(savedInstanceState); | ||
mapView.getMapAsync(new OnMapReadyCallback() { | ||
@Override | ||
public void onMapReady(@NonNull MapboxMap mapboxMap) { | ||
mapboxMap.setStyle(Style.MAPBOX_STREETS, new Style.OnStyleLoaded() { | ||
@Override | ||
public void onStyleLoaded(@NonNull final Style style) { | ||
|
||
// Set up label formatting expression | ||
Expression.FormatEntry bigLabel = formatEntry( | ||
get("name_en"), | ||
formatFontScale(1.5), | ||
formatTextFont(new String[] {"Ubuntu Medium", "Arial Unicode MS Regular"}) | ||
); | ||
|
||
Expression.FormatEntry newLine = formatEntry( | ||
"\n", | ||
formatFontScale(0.5) | ||
); | ||
|
||
Expression.FormatEntry smallLabel = formatEntry( | ||
get("name"), | ||
formatTextFont(new String[] {"Caveat Regular", "Arial Unicode MS Regular"}) | ||
); | ||
|
||
Expression format = format(bigLabel, newLine, smallLabel); | ||
|
||
// Retrieve the country label layers from the style and update them with the formatting expression | ||
for (Layer mapLabelLayer : style.getLayers()) { | ||
if (mapLabelLayer.getId().contains("country-label")) { | ||
// Apply formatting expression | ||
mapLabelLayer.setProperties(textField(format)); | ||
} | ||
} | ||
} | ||
}); | ||
} | ||
}); | ||
} | ||
|
||
// Add the mapView lifecycle to the activity's lifecycle methods | ||
@Override | ||
public void onResume() { | ||
super.onResume(); | ||
mapView.onResume(); | ||
} | ||
|
||
@Override | ||
protected void onStart() { | ||
super.onStart(); | ||
mapView.onStart(); | ||
} | ||
|
||
@Override | ||
protected void onStop() { | ||
super.onStop(); | ||
mapView.onStop(); | ||
} | ||
|
||
@Override | ||
public void onPause() { | ||
super.onPause(); | ||
mapView.onPause(); | ||
} | ||
|
||
@Override | ||
public void onLowMemory() { | ||
super.onLowMemory(); | ||
mapView.onLowMemory(); | ||
} | ||
|
||
@Override | ||
protected void onDestroy() { | ||
super.onDestroy(); | ||
mapView.onDestroy(); | ||
} | ||
|
||
@Override | ||
protected void onSaveInstanceState(Bundle outState) { | ||
super.onSaveInstanceState(outState); | ||
mapView.onSaveInstanceState(outState); | ||
} | ||
} |
18 changes: 18 additions & 0 deletions
18
MapboxAndroidDemo/src/main/res/layout/activity_style_text_field_multiple_formats.xml
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,18 @@ | ||
<?xml version="1.0" encoding="utf-8"?> | ||
<RelativeLayout | ||
xmlns:android="http://schemas.android.com/apk/res/android" | ||
xmlns:mapbox="http://schemas.android.com/apk/res-auto" | ||
xmlns:tools="http://schemas.android.com/tools" | ||
android:layout_width="match_parent" | ||
android:layout_height="match_parent" | ||
tools:context=".examples.styles.TextFieldMultipleFormatsActivity"> | ||
|
||
<com.mapbox.mapboxsdk.maps.MapView | ||
android:id="@+id/mapView" | ||
android:layout_width="match_parent" | ||
android:layout_height="match_parent" | ||
mapbox:mapbox_cameraTargetLat="48.4" | ||
mapbox:mapbox_cameraTargetLng="18.49" | ||
mapbox:mapbox_cameraZoom="4.5" /> | ||
|
||
</RelativeLayout> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters