java - Android Canvas - Scale and Translate -


i have svg want zoom , pan using gestures in android. works, not smoothly enough tastes. how can improve class have smooth panning works @ zoom levels , stays under finger, scales using pinch gesture zooms area of gesture (aka focus) , bonus double tapping should result in snapping image 1.0? i'm using svg library. acceptable answer should meet these functional requirements, not jump around unexpectedly , stick gesturedetectors unless case can made won't work.

public class mapview extends viewgroup {     private static final float minimum_scale_factor = 1.0f;     private static final float maximum_scale_factor = 10.0f;      private picture mpicture;     private paint mpaint;      private scalegesturedetector mscaledetector;     private gesturedetector mmovedetector;      private float mscalefactor;     private float mscalefocusx;     private float mscalefocusy;     private float mfocusx = 0.0f;     private float mfocusy = 0.0f;      private float mimageheight;     private float mimagewidth;     private int mviewheight;     private int mviewwidth;     private rectf mdrawingrect;       public mapview(context context) {         super(context);          init(context);     }      public mapview(context context, attributeset attrs) {         super(context, attrs);          init(context);      }      public mapview(context context, attributeset attrs, int defstyle) {         super(context, attrs, defstyle);          init(context);     }      public void init(context context) {         log.d(getclass().getcanonicalname(), "initialized.");          this.setbackgroundcolor(color.white);          this.mpaint = new paint();         mpaint.setstyle(paint.style.stroke);         mpaint.setcolor(color.blue);         mpaint.setstrokewidth(2);         mpaint.setantialias(true);          this.mscalefactor = minimum_scale_factor;          // setup gesture detectors         this.mscaledetector = new scalegesturedetector(context, new scalelistener());         this.mmovedetector = new gesturedetector(context, new movelistener());     }      @override     protected void onlayout(boolean changed, int l, int t, int r, int b) {         log.d(getclass().getcanonicalname(), "onlayout");          this.mdrawingrect = getdrawingsquare();     }      @override     protected void onsizechanged(int w, int h, int oldw, int oldh) {         super.onsizechanged(w, h, oldw, oldh);          this.mviewwidth = w;         this.mviewheight = h;     }      @override     protected void ondraw(canvas canvas) {         super.ondraw(canvas);          log.d(getclass().getcanonicalname(), "ondraw()");          canvas.save();         canvas.scale(mscalefactor, mscalefactor, mscalefocusx, mscalefocusy);          canvas.translate(mfocusx, mfocusy);          canvas.drawrect((int) mdrawingrect.left, (int) mdrawingrect.top, (int) mdrawingrect.right, (int) mdrawingrect.bottom, mpaint);         canvas.drawpicture(mpicture, mdrawingrect);          canvas.restore();     }      @override     public boolean ontouchevent(motionevent ev) {         mscaledetector.ontouchevent(ev);         mmovedetector.ontouchevent(ev);          return true;     }      public rectf getdrawingsquare() {         float width = getwidth();         float height = getheight();         log.d(getclass().getcanonicalname(), "picture width " + width + " - height " + height);          float side = math.min(width, height);          return new rectf(0, 0, side, side);     }      public void setsvg(svg svg) {         log.d(getclass().getcanonicalname(), "svg picture.");          this.mpicture = svg.getpicture();         this.mimageheight = mpicture.getheight();         this.mimagewidth = mpicture.getwidth();          invalidate();     }      private class scalelistener extends scalegesturedetector.simpleonscalegesturelistener {         @override         public boolean onscale(scalegesturedetector detector) {             mscalefactor *= detector.getscalefactor(); // scale change since previous event             mscalefocusx = detector.getfocusx();             mscalefocusy = detector.getfocusy();              // don't let object small or large.             mscalefactor = math.max(minimum_scale_factor, math.min(mscalefactor, maximum_scale_factor));              invalidate();              return true;         }     }      private class movelistener extends gesturedetector.simpleongesturelistener { //        @override //        public boolean ondown(motionevent e) { //            return true; //        }          @override         public boolean onscroll(motionevent e1, motionevent e2, float distancex, float distancey) {             scrollby((int)distancex, (int)distancey); //            mfocusx += distancex; //            mfocusy += distancey; //            return true;             return true;         }     } }

if (re)drawing picture isn't fast enough, might have draw bitmap instead , scroll about.


Comments

Post a Comment

Popular posts from this blog

php - cannot display multiple markers in google maps v3 from traceroute result -

i'm newbie in php mysql , google maps v3. have problems in google maps v3. made traceroute web based , map traceroute's result in google maps v3 final project of college education. have try many tutorials didn't work. have tried tutorials in forum nothing worked. problem cannot display multiple markers got location data database. maybe because i'm newbie , not know how do. confuse looping show markers. here code <?php error_reporting(e_all ^ (e_notice)); ini_set('max_execution_time', 360); $enable_log_user = false; global $ip, $host_name, $host_ip; $host = @$_post['host']; $trace = @$_post['trace']; $self = $_server['php_self']; include("phpsqlajax_dbinfo.php"); $connection = mysql_connect ('127.0.0.1', $username, $password); if (!$connection) { die('not connected : ' . mysql_error());} $db_selected = mysql_select_db($database, $connection); if (!$db_selected) { die ('can\'t use db : ...
Read more

c# - DetailsView in ASP.Net - How to add another column on the side/add a control in each row? -

i have detailsview control on page used edit various fields of record, works in respect. i looking way add 1 column (and if works, why not more) right, absolutely read-only, show same fields of record comparison purposes. i aware there no obvious way such thing out of box detailsview . have looked other controls (transposed gridview , recommended formview , listview ), nothing satisfies. have special data binding setup using detailsview , can't out of without losing features. anyone on how "hack in" additional columns (for display only) on detailsview ? the solution have now, use second detailsview , visible set false in aspx. in code, make sure databind hidden detailsview hosts data third column first, initial detailsview named itemdetails . and in item created event, pass third column html rendering of hidden controls (in last code block) : protected void itemdetails_itemcreated(object sender, eventargs e) { if (dataite...
Read more

javascript - firefox memory leak -

i have following script (i use raphaeljs also) draws circle, waits 1 second, draws circle again, etc (you can copy paste - functional, need include raphael raphaeljs.com): <div id="holder"> </div> <script src="raphael.js" type="text/javascript"></script> <script> var paper = raphael(10, 50, 320, 200); var rad = math.pi / 180; var finangle = 0; function sector(cx, cy, r, startangle, endangle, params) { var x1 = cx + r * math.cos(-startangle * rad), x2 = cx + r * math.cos(-endangle * rad), y1 = cy + r * math.sin(-startangle * rad), y2 = cy + r * math.sin(-endangle * rad); return ["m", cx, cy, "l", x1, y1, "a", r, r, 0, +(endangle - startangle > 180), 0, x2, y2]; } var path = sector(100,100,50,0,180); var arc = paper.path(path); function draw() { path = sector(100,100,50,0,finangle); ...
Read more