I am using Umano/SlidingUpPanel lib in my App where Map is a main content . And a panel is sliding up on map. I am putting overlay attribute false as i want the main content to move upward when panel slide up (Like a WhatsApp chat Window) .
Issue i am facing is : My main content i.e. Map is shaking up or may be re-sizing everytime panel slide up and down .
Please see the link for more understanding of an issue :
https://www.dropbox.com/s/imjlso12xarzf57/Video%2001-12-15%2C%2012%2049%2058%20PM.mov?dl=0
Map is shaking when panel slide up and down.
activity_main :
<com.sothree.slidinguppanel.SlidingUpPanelLayout
xmlns:sothree="http://schemas.android.com/apk/res-auto"
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/sliding_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="bottom"
sothree:umanoFadeColor="@android:color/transparent"
sothree:umanoOverlay = "false"
sothree:umanoDragView="@+id/dragView">
<FrameLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<fragment
android:id="@+id/map"
android:layout_width="match_parent"
android:layout_height="wrap_content"
class="com.google.android.gms.maps.SupportMapFragment"/>
</FrameLayout>
<include layout="@layout/sliding_fragment_layout"
android:background="#ffffff"
android:id="@+id/dragView"/>
<!--<FrameLayout-->
<!--android:id="@+id/list_fragment_container"-->
<!--android:layout_width="match_parent"-->
<!--android:layout_height="match_parent"/>-->
</com.sothree.slidinguppanel.SlidingUpPanelLayout>
Sliding_fragment_layout:
<?xml version="1.0" encoding="utf-8"?>
<TableLayout
android:id="@+id/verified"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="60dp"
android:paddingLeft="10dp"
android:background="#FFFF"
android:paddingRight="10dp"
android:paddingTop="10dp"
xmlns:android="http://schemas.android.com/apk/res/android">
<!--android:descendantFocusability="beforeDescendants"-->
<!--android:focusableInTouchMode="true"-->
<TableRow
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="1dp"
android:weightSum="1">
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:id="@+id/employer_textView_id"
android:layout_weight=".4"
android:padding="5dp"
android:textSize="15sp"
android:textColor="@android:color/black"/>
</TableRow>
<TableRow
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="0.5dp"
android:weightSum="1">
<TextView
android:layout_width="100dp"
android:layout_height="wrap_content"
android:padding="2dp"
android:textSize="15sp"
android:layout_weight="1"
android:gravity="fill_horizontal"
android:id="@+id/address_textView_id"
android:textColor="@android:color/black"/>
</TableRow>
<View
android:layout_width="fill_parent"
android:layout_height="1dp"
android:background="#c0c0c0"/>
<TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="Hello"
android:id="@+id/text"/>
</TableLayout>
MainActivity.java
public class MainActivity extends FragmentActivity implements LocationListener {
private static final String LIST_FRAGMENT_TAG = "list_fragment";
private static final String TAG = "DemoActivity";
GoogleMap googleMap;
double currentLat , currentLon;
LocationManager locationManager;
Location mlocation;
double latitude;
double longitude;
LatLng latLng,points;
Boolean flag = false;
String mLastUpdateTime;
CameraPosition INIT;
private SlidingUpPanelLayout mLayout;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
if (!isGooglePlayServiceAvailable()) {
finish();
}
SupportMapFragment mapFragment = (SupportMapFragment) getSupportFragmentManager().findFragmentById(R.id.map);
googleMap = mapFragment.getMap();
googleMap.setMyLocationEnabled(true);
googleMap.getUiSettings().setCompassEnabled(false);
LocationManager locationManager = (LocationManager) getSystemService(LOCATION_SERVICE);
Criteria criteria = new Criteria();
String bestProvider = locationManager.getBestProvider(criteria, true);
mlocation = locationManager.getLastKnownLocation(bestProvider);
if (mlocation != null) {
onLocationChanged(mlocation);
}
locationManager.requestLocationUpdates(bestProvider, 20000, 0, this);
/*SlidingPanelUpLayout*/
mLayout = (SlidingUpPanelLayout) findViewById(R.id.sliding_layout);
// mLayout.setAnchorPoint(0.3f);
mLayout.setPanelState(SlidingUpPanelLayout.PanelState.HIDDEN);
mLayout.setPanelHeight(500);
// mLayout.setParallaxOffset(10);
mLayout.setPanelSlideListener(new SlidingUpPanelLayout.PanelSlideListener() {
@Override
public void onPanelSlide(View panel, float slideOffset) {
Log.i(TAG, "onPanelSlide, offset " + slideOffset);
googleMap.getUiSettings().setAllGesturesEnabled(true);
}
@Override
public void onPanelExpanded(View panel) {
Log.i(TAG, "onPanelExpanded");
googleMap.getUiSettings().setAllGesturesEnabled(false);
}
@Override
public void onPanelCollapsed(View panel) {
flag=true;
Log.i(TAG, "onPanelCollapsed");
googleMap.getUiSettings().setAllGesturesEnabled(false);
}
@Override
public void onPanelAnchored(View panel) {
Log.i(TAG, "onPanelAnchored");
}
@Override
public void onPanelHidden(View panel) {
flag=false;
Log.i(TAG, "onPanelHidden");
}
});
}
public Boolean isGooglePlayServiceAvailable() {
int status = GooglePlayServicesUtil.isGooglePlayServicesAvailable(this);
if (ConnectionResult.SUCCESS == status) {
return true;
} else {
GooglePlayServicesUtil.getErrorDialog(status, this, 0).show();
return false;
}
}
@Override
public void onLocationChanged(Location location) {
mlocation = location;
latitude = location.getLatitude();
longitude = location.getLongitude();
latLng = new LatLng(latitude, longitude);
long atTime = mlocation.getTime();
mLastUpdateTime = DateFormat.getTimeInstance().format(new Date(atTime));
// mapView.setCenterCoordinate(latLng1);
MarkerOptions options = new MarkerOptions();
options.position(latLng).icon(BitmapDescriptorFactory.defaultMarker(BitmapDescriptorFactory.HUE_ORANGE));
// Marker marker = googleMap.addMarker(options);
googleMap.addMarker(options.title(getAdress()));
googleMap.setMapType(GoogleMap.MAP_TYPE_NORMAL);
// View view = ((LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE)).inflate(R.layout.custom_marker_layout, null);
INIT =
new CameraPosition.Builder()
.target(latLng)
.zoom(17.5F)
.bearing(300F) // orientation
.tilt(50F) // viewing angle
.build();
googleMap.moveCamera(CameraUpdateFactory.newCameraPosition(INIT));
googleMap.getUiSettings().setCompassEnabled(false);
//
// googleMap.moveCamera(CameraUpdateFactory.newLatLngZoom(latLng, 13));
int Radius = 100;
googleMap.addMarker(new MarkerOptions()
.position(latLng)
// .icon(BitmapDescriptorFactory.defaultMarker(BitmapDescriptorFactory.HUE_ORANGE))
.title(getAdress())
.snippet("Radius: " + Radius))
.showInfoWindow();
googleMap.addMarker(new MarkerOptions().position(new LatLng(28.7494720, 77.0565330)));
googleMap.setOnMarkerClickListener(new GoogleMap.OnMarkerClickListener() {
@Override
public boolean onMarkerClick(Marker marker) {
// flag = true;
Log.i("Marker","Click");
points = new LatLng(marker.getPosition().latitude,marker.getPosition().longitude);
if(flag==false){
if(mLayout!=null){
Log.i("Marker", "collapsed");
mLayout.setPanelState(SlidingUpPanelLayout.PanelState.COLLAPSED);
animateLatLngZoom(points, 0, -10, 10);
}}else{
Log.i("Marker","Hidden"); mLayout.setPanelState(SlidingUpPanelLayout.PanelState.HIDDEN);
}
return true;
}
});
// //Instantiates a new CircleOptions object + center/radius 28.6328° N, 77.2197°
// CircleOptions circleOptions = new CircleOptions()
// .center(new LatLng(latitude, longitude))
// .radius(Radius)
// .fillColor(0x40ff0000)
// .strokeColor(Color.GREEN)
// .strokeWidth(2);
//
//// Get back the mutable Circle
// Circle circle = googleMap.addCircle(circleOptions);
// Circle circle1 = googleMap.addCircle(new CircleOptions().center(new LatLng(28.633908, 77.221094))
// .radius(100)
// .fillColor(0x40ff0000)
// .strokeColor(Color.BLUE)
// .strokeWidth(5));
//// more operations on the circle...
// // =
//
//
// googleMap.animateCamera(CameraUpdateFactory.zoomTo(15));
}
private void animateLatLngZoom(LatLng latlng, int reqZoom, int offsetX, int offsetY) {
/*calculate the offset's center in the required zoom from original's offset, and then animate the map's camera.
For this, first move the map's camera to the desired zoom, calculate the offset for that zoom level, and then restore
the original zoom.After calculating the new center we can make the animation with CameraUpdateFactory.newLatLngZoom.*/
// Save current zoom
// float originalZoom = googleMap.getCameraPosition().zoom;
// Move temporarily camera zoom
// googleMap.moveCamera(CameraUpdateFactory.zoomTo(reqZoom));
Point pointInScreen = googleMap.getProjection().toScreenLocation(latlng);
Point newPoint = new Point();
newPoint.x = pointInScreen.x + offsetX;
newPoint.y = pointInScreen.y + offsetY;
LatLng newCenterLatLng = googleMap.getProjection().fromScreenLocation(newPoint);
// Restore original zoom
// googleMap.moveCamera(CameraUpdateFactory.zoomTo(originalZoom));
// Animate a camera with new latlng center and required zoom.
// googleMap.animateCamera(CameraUpdateFactory.newLatLngZoom(newCenterLatLng, reqZoom));
googleMap.animateCamera(CameraUpdateFactory.newLatLng(newCenterLatLng));
}
public String getAdress() {
Geocoder geocoder;
String result = null;
List<Address> addresses;
geocoder = new Geocoder(this, Locale.getDefault());
try {
addresses = geocoder.getFromLocation(latitude, longitude, 1);
if (addresses != null && addresses.size() > 0) {
Address address = addresses.get(0);
StringBuilder sb = new StringBuilder();
for (int i = 0; i < address.getMaxAddressLineIndex(); i++) {
sb.append(address.getAddressLine(i)).append("\n");
}
// sb.append(address.getLocality()).append("\n");
// sb.append(address.getPostalCode()).append("\n");
sb.append(address.getCountryName().toUpperCase());
result = sb.toString();
}
} catch (IOException e) {
Log.e("Loaction Address", "Unable connect to Geocoder", e);
}
return result;
}
@Override
public void onProviderEnabled(String provider) {
}
@Override
public void onProviderDisabled(String provider) {
}
@Override
public void onStatusChanged(String provider, int status, Bundle extras) {
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
int id = item.getItemId();
if (id == R.id.action_show_list) {
// toggleList();
return true;
}
return super.onOptionsItemSelected(item);
}
Please help me in resolving it . Thank you
