Android SweepGradient and Drawing Lines in a circular pattern -


i trying achieve circular progress bar gradient intervals ui effect

enter image description here

currently have been able achieve this.

enter image description here

the code current implementation below.

import android.content.context; import android.graphics.canvas; import android.graphics.color; import android.graphics.colorfilter; import android.graphics.lineargradient; import android.graphics.paint; import android.graphics.path; import android.graphics.pixelformat; import android.graphics.rect; import android.graphics.rectf; import android.graphics.shader; import android.graphics.sweepgradient; import android.graphics.drawable.animationdrawable; import android.support.annotation.intrange; import android.support.annotation.nonnull; import android.support.annotation.nullable;   public class cbpdrawable extends animationdrawable {       paint paint = new paint();      rectf clip = new rectf();      lineargradient shader;      path path;      private static final int max = 360;       int dots  = 75;      int dotradius = 20;      rectf dotrect;       context mcontext;     public cbpdrawable(context context){          mcontext = context;     }      shader gradient;      private int mtickoffset = 0;     private int mticklength = 15;     private int marcradius = 10;      double slope, starttickx, startticky, endtickx, endticky, midtickx, midticky, thetainradians;     double radiusoffset = marcradius + mtickoffset;       @override     protected void onboundschange(rect bounds) {         super.onboundschange(bounds);          path = new path();          dotrect = new rectf(0, 0, dotradius, dotradius); /*          (int = 0; < dots; ++i) {             start();              path.addroundrect(dotrect, dotradius, dotradius, path.direction.ccw);              stop();         } */           (int = 360; >= 0; -= 5) {              thetainradians = math.toradians(360 - i);             slope = math.tan(thetainradians);             starttickx = (radiusoffset * math.cos(thetainradians));             startticky = slope * starttickx;             endtickx = starttickx + ((mticklength) * math.cos(thetainradians));             endticky = slope * endtickx;              rectf r = new rectf();             r.set((float) starttickx, (float) startticky, (float) endtickx, (float) endticky);              path.addroundrect(r, (int)radiusoffset, (int)radiusoffset, path.direction.ccw);          }     }      @override     public void draw(@nonnull canvas canvas) {           rect b = getbounds();          final int width = canvas.getwidth();         final int height = canvas.getheight();         final int squareside = math.min(width, height);         canvas.translate(width / 2f, height / 2f); // moving center of view         canvas.rotate(270);          final float outerradius = squareside / 2f;         final float innerradius = outerradius - dotradius;          final float anglefactor = 360f / 72;          int[] colors = new int[]{color.blue, color.red};         float[] positions = new float[]{0,0.4f};         gradient = new sweepgradient(outerradius / 2f, outerradius / 2f,colors,null);          (int = 0; < 72; ++i) {              canvas.save(); // creating "checkpoint"             canvas.rotate(anglefactor * i);             canvas.translate(innerradius, 0); //moving edge of big circle              clip.set(b);             paint.setcolor(color.gray);              if(anglefactor * <= 200){                 paint.setshader(gradient);             }else{                 paint.setshader(null);             }              //canvas.cliprect(clip,  region.op.replace);               canvas.drawpath(path, paint);              canvas.restore(); //restoring "checkpoint"              //stop();         }     }      @override     public void setalpha(@intrange(from = 0, = 255) int i) {      }      @override     public void setcolorfilter(@nullable colorfilter colorfilter) {      }      @override     public int getopacity() {         return pixelformat.opaque;     } }

as can seen 2 images, unable intervals correctly rectangle or line.

and, gradient not show, in spite of using sweepgradient.

how should go achieving desired effect?

thanks.


Comments

Post a Comment

Popular posts from this blog

Is there a better way to structure post methods in Class Based Views -

i'm using class based views in django , never specify url in ajax calls , omit action parameter in form because know these requests go through post method of class based view. notice view - profile page make many requests depending on user updating on page - post method become convoluted , if/else mess example: def post(self, request, *args, **kwargs): # handle user changing available date if request.post.get('availabledate') != none: self.updateavailabledate(request) return jsonresponse({'result':'success'}) if request.post.get('newprojectname') != none: creative_user = creativeuserprofile.objects.get(id = request.user.id) project = project.create_project(creative_user, request.post['newprojectname']) project.save() return jsonresponse({'projectid': project.id }) if request.post.get('projectimage') != none , request.files['file']: proj
Read more

performance - Why is XCHG reg, reg a 3 micro-op instruction on modern Intel architectures? -

i'm doing micro-optimization on performance critical part of code , came across sequence of instructions (in at&t syntax): add %rax, %rbx mov %rdx, %rax mov %rbx, %rdx i thought had use case xchg allow me shave instruction , write: add %rbx, %rax xchg %rax, %rdx however, dimay found agner fog's instruction tables , xchg 3 micro-op instruction 2 cycle latency on sandy bridge, ivy bridge, broadwell, haswell , skylake. 3 whole micro-ops , 2 cycles of latency! 3 micro-ops throws off 4-1-1-1 cadence , 2 cycle latency makes worse original in best case since last 2 instructions in original might execute in parallel. now... cpu might breaking instruction micro-ops equivalent to: mov %rax, %tmp mov %rdx, %rax mov %tmp, %rdx where tmp anonymous internal register , suppose last 2 micro-ops run in parallel latency 2 cycles. given register renaming occurs on these micro-architectures, though, doesn't make sense me done way. why wouldn't register renamer
Read more

jquery - Responsive Navbar with Sub Navbar -

good day, forgive me nav vocabulary not best. if question confusing apologize. i'm working on navigation bar needs centered on page @ 768px , above. items in nav open (or perhaps toggle) subnav lives directly below. these nav should appear centered on page. i have been able work through responsive portion of nav bar, having main items align vertically , sub nav menu of each item roll out below, , gave them indent separation. working well. however, issue not responsive side, behavior @ width greater 768px. happens toggling menu's sub navigation pushes other main items down page below sub nav. here's code: $(document).ready(function () { //stick in fixed 100% height behind navbar don't wrap $('#slide-nav.navbar-inverse').after($('<div class="inverse" id="navbar-height-col"></div>')); $('#slide-nav.navbar-default').after($('<div id="navbar-height-col"></d
Read more