Office Hours — Today, August 26

← Yesterday, August 25

Aug 26
8:55 AM
Mark M.
has entered the room
Mark M.
turned on guest access
9:15 AM
Refael O.
has entered the room
Mark M.
hello, Refael!
how can I help you today?
Refael O.
Hi mark !
few seconds, upload a picture so i can show you something
=]
9:20 AM
Refael O.
okie..
http://cl.ly/image/1l3m0v3D163X
in the image you can see my current UI..
9:25 AM
Refael O.
i have a little bit of a problem with it..
Mark M.
yeah, something in the red portion of the large circle is blurry
:-)
Refael O.
View paste 
I was wondering if maybe there's a better way..
the big circle in the middle, is currently an image of a circle with white background on the outside, on the inside it is transparent.
because it is transparent on the inside and on the outside he is white, i am able to place a view pager inside of that circle and make that work perfectly
now, my problem starts with the fact my customer wants to put an image in the background, instead of a white background
Mark M.
"put an image in the background" of the whole UI?
Refael O.
yeah
Mark M.
OK
and now your use the circle for clipping is breaking down, right?
Refael O.
now.. my view pager is a square.. and now because my circle image have a white background on the edges it is messing up the background image ofcourse
how would you recommend to approach this?
Mark M.
simple answer: tell the customer "no"
complex answer: make the ViewPager contents themselves the same size as the circle with transparent outside of that
9:30 AM
Mark M.
then, have the space outside of the circle in your image also be transparent
and have your overall background behind all of that
you'd probably also need to figure out how to disable the ViewPager glow effect when you reach either end
Refael O.
hmm.. is there a way to make my view pager the size of my circle with transparent outside?!
Mark M.
well, the pager itself should be transparent, AFAIK
it's what is in your pages that you need to worry about
Refael O.
http://cl.ly/image/0Z2n0a1A3546
9:35 AM
Refael O.
that's my new design pattern request
Mark M.
is the red fuzzed-out portion of the large circle fixed, or does that animate with the page as the user swipes?
Refael O.
the red color turns into purple on the next pager.. i have the liberty of choosing weather to animate it to the side or change the color with fade animation
Mark M.
OK, so I'll ignore that for the moment
Refael O.
could you explain exactly what you said earlier regarding the "complex" answer, i didn't really understand everything you said
Mark M.
actually, what I had in mind won't work anyway
Refael O.
aw ok
Mark M.
next question: is this photograph background fixed? or will it change (e.g., user chooses wallpaper)?
Refael O.
the background image is changing every 10 seconds in a fade animation.. its a weird UX in my opinion but that's what the customer wants..
Mark M.
then I have no idea how to pull that off, sorry
Refael O.
i have 20 images and it's random picked every 10 sec
Mark M.
my guess is that you'd have to roll your own ViewPager replacement
9:40 AM
Mark M.
or otherwise arrange so that the swipe animations do not draw outside the circle
so that your circle can have transparent pixels outside its circumference, and the photograph can show through
Refael O.
i see
Mark M.
the problem with ViewPager is that as you swipe pages, it will happily animate them for the full size of the ViewPager, which will go outside your circle
Refael O.
exactly
Mark M.
that's why you went with white pixels, to cover over that effect
Refael O.
yup, that's exactly what i did
Mark M.
another approach would be to somehow read in the pixels that are in the background image and paint them yourself on top of the circle exterior
but I don't know if that will be practical speed-wise
though, you'd only have to do the work once per photograph, so perhaps it's not completely insane
Refael O.
hmm ok, I see it's troublesome as i thought, i think i'll try to talk my customer out of it..
ok, no more questions then, as always, thanks a lot Mark! have a good day!
Mark M.
you too!
10:00 AM
Refael O.
has left the room
Mark M.
turned off guest access

← Yesterday, August 25

 

Office Hours

People in this transcript

  • Mark Murphy
  • Refael Ozeri