Hi all, I'm new to Zooper and find it incredible, seeing everything I can do. There's just one thing that bothers me. It really, really bugs me when one of my creations looks a little bit off, because something's not quite aligned, and that drives me absolutely crazy! :/ And then I see other's creations, and they all look pixel-perfect! Are there any tips, or special features I'm missing that would make it easier for me to align modules relative to other modules, or to the sides of the widget? Thanks!
Thomas
tb01110100 said:
Hi all, I'm new to Zooper and find it incredible, seeing everything I can do. There's just one thing that bothers me. It really, really bugs me when one of my creations looks a little bit off, because something's not quite aligned, and that drives me absolutely crazy! :/ And then I see other's creations, and they all look pixel-perfect! Are there any tips, or special features I'm missing that would make it easier for me to align modules relative to other modules, or to the sides of the widget? Thanks!
Thomas
Click to expand...
Click to collapse
Three points that are based on personal experience:
Choose your anchor points wisely
The anchorpoint governs from which edge or corner of the widget the X/Y offsets are applied. So if you want something to be 20px from the left edge of the widget, set the anchor to "center left" and X offset to 20px. If the widget changes it size due to rescaling, modules move around based on the anchorpoint set for them. Modules that should stay together thus should have the same anchorpoint.Choose the correct text orientation
Text modules can orient the text in three ways (left, right, center). You should set this depending to which edge of the widget you want the text be oriented or to say it in another way, where the constant edge of the text should be. Set this option before you position the module because changing it later will make your text move around and you'll have to reposition it.Know your values
You should also keep track of the offsets and the relative position(difference in offsets between two modules) of modules you are placing, so if you move things around you can add/substract offsets based on these values.
Hope this helps you out somewhat at least
kwerdenker said:
Three points that are based on personal experience:
Choose your anchor points wisely
The anchorpoint governs from which edge or corner of the widget the X/Y offsets are applied. So if you want something to be 20px from the left edge of the widget, set the anchor to "center left" and X offset to 20px. If the widget changes it size due to rescaling, modules move around based on the anchorpoint set for them. Modules that should stay together thus should have the same anchorpoint.Choose the correct text orientation
Text modules can orient the text in three ways (left, right, center). You should set this depending to which edge of the widget you want the text be oriented or to say it in another way, where the constant edge of the text should be. Set this option before you position the module because changing it later will make your text move around and you'll have to reposition it.Know your values
You should also keep track of the offsets and the relative position(difference in offsets between two modules) of modules you are placing, so if you move things around you can add/substract offsets based on these values.
Hope this helps you out somewhat at least
Click to expand...
Click to collapse
Thanks, this should help a little. One thing that bothers me, though, is that the progress bars are anchored using the left side of the bar, not the center. My life would be *that* much easier if it were that way. Ah well, maybe I can put in a feature request. Thanks again.
align everything to the center.
if you resize the widget items will not be where they were when you made it.
if you really need accurate alinement, try using the rectangle to create reference lines for your elements
dilldoe said:
if you really need accurate alinement, try using the rectangle to create reference lines for your elements
Click to expand...
Click to collapse
Rectangles!! Excellent idea, thank you so much. That made my day.
Sorry to raise a 3 year old thread, but I hope some one can help. I am having similar alignment issues. I guess I'm not certain of how the alignment works. Perhaps someone can answer. (See Image) In the 3 lower weather panels I have the Days Weather condition and the Temp modules. All have the same anchor point. I've also offset and centered them. However, when the weather changes to word with more letters, the module become misaligned. I assumed when choosing Left/center/right for the text, (in my case center) meant the center of the text would always be at the offset number?
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Related
I wanted sprint clock for my xperia 'cause with my modern phone look flip clock seems boring...
No success in my search, so I started hacking myself using the fabulous 6Fg8's manila mode 9 editor (still work in progress but very usefull)
As my development depends for maximum part on this editor, expect progress when more features become available. Thanks 6Fg8
My goals are:
- integrate the original sprint clock in manilaHD instead of flipclock
- Get rid of top bar (operator logo ecc)
- Shift up all indicators on home to have more room
- Add more appointments / tasks / whatever else to home
Progress:
01/10/09 - Initial release
Status:
- Top bar deleted
- All indicators are shifted up
- Quick & dirty workaround to eliminate 1pixel horizontal line in middle of numbers, still flipclock
Bugs:
- Bottom down arrow too low, have to find how to shift up
- Poor clock animation, no fix until real sprint clock
Screenshot:
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Any help whould be appreciated, please post feedback if you try this mod.
No wishlist for now, as there is enough work to complete
Reserved
Promising! I would like a clock without the line, though the animation isn't really a problem to me. Will you be making seperate files? Also, what could cause the animation to slow down? I find that a rather odd side effect for shifting the lower part of the clock for 1px.
script are embedded in manila m9 file and also are stored in a separate lua file... Both are unknown and the clock animation can't be fixed for now.
Multiple file for what? All these changes are stored in only 1 manila file, once all has discovered I will make different file for different layput
Penguin Background and Font
Can you please post your Penguin Background for download.
Aslo, what font did you use and how did you change it?
Thanks,
for font http://forum.xda-developers.com/showthread.php?t=459695&highlight=font
the font is "EF digital sans", the sony ericsson one you will find it in ref thread
here is the background
Thank You
guap said:
for font http://forum.xda-developers.com/showthread.php?t=459695&highlight=font
the font is "EF digital sans", the sony ericsson one you will find it in ref thread
here is the background
Click to expand...
Click to collapse
Guap,
Thank you vey much, it is greatly appreciated.
simple and elegant, nice font by the way. I wouldn't mind trying this.
I actually don't mind the flip clock panels, it would actually look quite nice on your theme but in the sony ericsson green but in kinda glossy style.
regardless, looks good so far.
nice!!
next rel.?
waiting new editor, for nex step hex editing is too complicated to make by hand
Nice. I´m happy that somebody removed that ugly 1pixel horizontal line in middle of numbers.
I will realy appreciate if you can post the manila file with only this modification. Only with the removed 1pixel horizontal line.
I deleted that file as it was a very brutal quick&dirty workaround. anyway now shouldn't be complicated to do with m9editor, just shift up or down by 1 pixel the "clock3d" group
working for next release, but as far as I go deep in manila I discover what kind of mess it is
That looks really nice.
nice work, looks good
So, what's the status on this ambitious project?
stopped due inability to decrypt some lua scripts. Need to wait our developers for even more powerful editors
Heh. And then there's always the Manila2 issue!
lol, spoken too early I did it
move all discussion to 1 thread here -> http://forum.xda-developers.com/showthread.php?p=3285264#post3285264
So, we all love our metro UI! Okay, few of us don't but many do. All those big live tiles, adding aesthetics to functionality. Maybe, after a few days, months or years for that matter, one might find it boring to have same tile-tile monochrome layout and a bunch of theme colors. While there is not much that can be done about it, here is a cool trick which adds some refreshment to the look of WP7 home screen! Now, let's admit it, we all have grown up with the concept of wallpapers. They're everywhere - on Windows PC, Mac, Linux, Android, even on iOS! (Though I wonder, how pleasing a wallpaper looks when icons are being filled up linearly, leaving less than 25% of the wallpaper visible and your app icon falls right on the eye of the cute face in the wallpaper!) For WP7 home screen - no wallpaper. This trick allows us to convert the tiles into pieces of wallpaper so that the screen looks like beautiful picture made by solving a kind of jigsaw puzzle.
By no means, I have used any of my creativity in this. I found this trick buried in a Japanese blog here. I thought it would be cool to share it! All credit goes to the author of the article.
The catch is to make image resembling an array of live tiles like this one:
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
And then use it as a webpage and pin the web link to start using IE.
Actual steps are like this:
1. Create (pick some wallpaper or crop your favorite one) an image with resolution of your screen, i.e., 358x728.
2. Then add black frame of thickness 12px as shown in the picture. Tiles are 173x173.
3. Upload this image to a web service which allows you to view image file as image right inside your browser. Dropbox public folder works fine.
4. Here comes the tricky part. Open up the image in IE on your WP7 device. IE will think of it as a webpage. Adjust the magnification and position of your webpage (Which is your picture) such that the first tile such that, it fills your screen edge to edge horizontally, and the top edge of the image is aligned to the address bar. So, now you have left edge of the tile aligned to left of screen, right to right and top to top. Ignore the bottom edge. Example:
5. Go to menu and select pin to start. Your tile will be pinned to start as a webpage shortcut live tile!
6. Repeat procedure for all the tiles.
7. Now, go to start rearrange the tiles so that overall appearance is of a complete picture.
So, that was easy, wasn't that? Just a bit tricky with alignment, right? I have a simpler solution! Why not create eight different images, one for each tile having resolution square pixels equal to the width of IE page? Just create a square image with width equal to that of IE and then zoom it to 100% by a simple double tap. This was image will be already aligned. Only catch is that the image will be scaled to fit into the tile, but the difference was not noticeable when I gave it a try.
Agreed to the fact that this thing would take up all the screen space reducing productivity of the live tiles, the trick is worth try. We can have the tiles below the wallpaper. It also acts as a little puzzle. Mix up the tiles and then rearrange them to complete the picture! Its worth a shot if you are already tired of old look and want to try something new. Share your wallpapers in the post.
P.S.: Don't forget to have a look at original post here. If you don't understand Japanese, Google translate is your friend. I don't understand it either!
this is cool. It's been around for a while though. You don't have to create and post an image to make it work. With some finesse and care, you can just zoom it just right, pin it, slide over, pin it, etc... This is a homescreen thing I did back in April.
Wow, very nice idea Thanks for the tip There's also stuff like live tile generators or creators.. but this method is much easier
munkeyphyst said:
this is cool. It's been around for a while though. You don't have to create and post an image to make it work. With some finesse and care, you can just zoom it just right, pin it, slide over, pin it, etc... This is a homescreen thing I did back in April.
Click to expand...
Click to collapse
That's really awesome!
experience7 said:
Wow, very nice idea Thanks for the tip There's also stuff like live tile generators or creators.. but this method is much easier
Click to expand...
Click to collapse
Yeah! Its more innovative and novel than easy!
akshay2000 said:
That's really awesome!
Click to expand...
Click to collapse
thanks.
Sent from my SGH-i917 using XDA Windows Phone 7 App
I see wallpapers asked for a lot so I figured I'd write up a easy tutorial for people on how when they find great pictures to properly frame it out to work as you imagined it. I think among those less tech savvy and familar with image editing struggle with this so I'm going to attempt to help them here. We all know the built in wallpaper functionality of Android isn't exactly the greatest thing ever and usually does a better job of frustrating you more than it does actually getting the wallpaper you picked framed how you imagined it.. There are two great apps in the market that help makes this easier. Simple Image Wallpaper and MultiPicture Live Wallpaper...The problem with both is that they are basically cropping it for you to the correct aspect ratio using a center average. This means unless the wallpaper you picked out has the `cool part' dead center, it will still probably look terrible. For this demonstration I will be using Simple Image Wallpaper.
Secondly you're going to need a paint program that allows you to set custom aspect ratios with the selection tool/crop tool. Since this is a demonstration for the general public we're going to do this with a free program anyone can download. Paint Dot Net.
Recap.. Items needed
1. Simple Image Wallpaper
2. Paint Dot Net
3. Wallpaper
I linked an example wallpaper I will be using in this demo in recap item #3. Below is what this wallpaper looks like using Simple Image Wallpaper without any cropping.
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
As you can see it cropped the center portion for you. You could go into any paint program and just cut out the glass and plop it on your screen but the problem is that it probably still won't fit how you imagined it because you cut the picture in an aspect ratio that is incorrect for the Nexus 7 (or any device) screen and the program will still have to stretch it and squeeze it onto the screen. So.. Assuming now you installed paint.net open it up and load the wallpaper I provided. Once it is opened select the rectangle tool, then change it to fixed ratio and enter in 800x1280 as shown here.
Now using your left mouse button click and drag on the image. The size you make this rectangle doesn't matter since it is always in the correct aspect ratio for your Nexus 7 screen. This will translate to your screen EXACTLY as you see it inside this rectangle. You probably tried a few times to perfectly draw out the rectangle to surround the glass perfectly but don't worry it doesn't even matter if you drew it off the glass.
Let's say this is what your screen looks like.
To `fine tune' this select the `Move Selection tool"
With this tool selected you should see dots appear around the rectangle. These are `drag points'.. Shift-Click, drag, and it will re-size the rectangle while keeping the correct aspect ratio. You only want to use the corner drag points for this to keep the aspect ratio correct. You can also click and drag inside the rectangle and position it around. Once done you should be able to perfectly frame the glass. Once you are done crop the photo, save it, copy it to your device and load it up in Simple Image Wallpaper in the Portrait selection.
Perfection
Use the same concept to now do your landscape picture (the image selection that is above Portait in Simple Image Wallpaper) except instead of cropping to 800x1280, you are now going to crop 1280x800.
Enjoy!
Revisions: -
Fixed accidental instruction typo & picture in step 1 - Fixed ratio / Not fixed sized (Sorry, used to using Photoshop :laugh
Removed instruction to disable scrolling wallpaper.. Just a habit of mine. I always forget it's a live wallpaper even though I've been using it forever.
Cool, fancy sharing your wallpaper?
Thanks for pointing me towards that app. I hate how Android handles wallpapers and it's always been one thing that bugged the hell out of me. I used Multi-wallpaper app in the past to mitigate the problem by only setting a single wallpaper but it was slow to load, especially during changing wallpaper rotates and such so I stopped using it all together with Jellybean 4.1.2. Simple Image Wallpaper solves these problems though and I love the way you can assign different wallpapers for portrait and horizontal modes with no lag in between.
I will be posting bugs and maybe you too just so that we can compile them and maybe we can solve them using the reply functions or something.
Here are mine:
Reacting doesn't work right on Facebook it'll being up the options but I have to take my finger off and tap on the reaction I want.
Spire mobile banking app only in landscape
Commenity good sam's credit card log in refreshes when tapping username or password fields (tested on edge and Samsung internet both using desktop and mobile site) only when I use outer screen did it work. I didn't try chrome cause I've been trying to oust chrome.
YouTube randomly launches in multivideo or regular mobile version displaying only one video spread across screen.
Log in button on xda doesn't function on edge only on chrome. Which is what I'm using to post this.
If you got answers or resolutions lmk. If you got bugs post em .
I noticed sometimes when I tap things near the bottom of the screen in an app the phone will briefly flash another app as if it thinks I want to swipe to that app. Sometimes it actually does switch to another app. Does this happen to anyone?
If I use Bixby to set a timer, then move the little on screen timer to somewhere convenient it resets to its default position upon changing folding and/or screen orientation
bryanhayn said:
I noticed sometimes when I tap things near the bottom of the screen in an app the phone will briefly flash another app as if it thinks I want to swipe to that app. Sometimes it actually does switch to another app. Does this happen to anyone?
Click to expand...
Click to collapse
I think your finger activated the bottom home/back gesture. You can turn on the gesture guide so there is more offset from bottom so less accidentally activation.
Zerobim08 said:
I think your finger activated the bottom home/back gesture. You can turn on the gesture guide so there is more offset from bottom so less accidentally activation.
Click to expand...
Click to collapse
I didn't think of that. Thanks!
I just switched to the lowest gesture sensitivity too.
In hopes that somebody from Samsung may actually come across this I'll add another thing.. this is copied and pasted from multiple Reddit posts I made earlier tonight
On the Z Fold 3 I noticed that if you change minimum width on the main large screen it also affects the smaller screen. Does anybody know if there is a way to have Bixby routines manipulate developer options so that I can set one width for main screen and one width for smaller screen?
Anyways it'd be nice to have this option available rather than just zoom and font size options via Bixby routines
teknowiz23 said:
In hopes that somebody from Samsung may actually come across this I'll add another thing.. this is copied and pasted from multiple Reddit posts I made earlier tonight
On the Z Fold 3 I noticed that if you change minimum width on the main large screen it also affects the smaller screen. Does anybody know if there is a way to have Bixby routines manipulate developer options so that I can set one width for main screen and one width for smaller screen?
Anyways it'd be nice to have this option available rather than just zoom and font size options via Bixby routines
Click to expand...
Click to collapse
I doubt Samsung will listen to you. will not waste effort to add codes to cater to this.
I noticed this bug while using my ZF3 at church the other day. I took a pic of it. Anyone else have this?
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Zerobim08 said:
I doubt Samsung will listen to you. will not waste effort to add codes to cater to this.
Click to expand...
Click to collapse
Yeah thanks for the helpful response bud
Awesome stuff the more this thread gets hits the more eyes we can get on it and hopefully some solutions or even better a dev might be able to help us out.
Like the title says: is it possible to turn of the adaptive icons in order to just show the legacy old Android style icons. I personally don't see the point of having these circles, squares, "sqircles", or "drops" or whatever around your icons and I sure don't need to have a uniform look (in over thirty years we didn't need this on Linux or Windows either, so why now with Android we need this feature and everything needs to have a uniform shape at the cost of readability?)
Anyway I don't want to rant about this. Is there a way to disable it?
Here is some nice discussion about this: https://mobileinternist.com/disable-adaptive-icons-android-oreo
Also, I know that Nova Launcher has the legacy icons option, but I'd rather keep my launcher the same or at least open source.
I added a poll just to see folks' opinions.
Well, I don't mind it... even though I'd agree with you but consider it a typical 1st world problem:
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
I think the following is a bigger problem, and it concerns real usability:
https://forum.xda-developers.com/t/sms-messaging-only-4-lines-help-needed.4370319/
Question is, do we have any means to solve these things?
SigmundDroid said:
Well, I don't mind it... even though I'd agree with you but consider it a typical 1st world problem:
Click to expand...
Click to collapse
True. Although what I see waaaaaaaay more as a first world problem is that people started wanting uniform icons several years ago, which is the reason why Google came up with adaptive icons in the first place. I mean, clamouring about your icons having different shapes?!
In general I'm a bit annoyed that everything on phones needs to be so polished compared to other computers. And it's not just manufacturers and developers who put so much resources into this. Also users go our of their way with icon packs, carefully crafted backgrounds, skinning, etc. (Of course if that's just a pastime for you, fine.)
What's more, since you cannot apparently get the normal/legacy icons back, this is just a feature degression. So what we have now is a bad "solution" to a "non-problem".
</rant>
SigmundDroid said:
I think the following is a bigger problem, and it concerns real usability:
https://forum.xda-developers.com/t/sms-messaging-only-4-lines-help-needed.4370319/
Question is, do we have any means to solve these things?
Click to expand...
Click to collapse
I'll take a look!
It seems there are enough ideas how to do this, seeing by the clever people on this site: https://stackoverflow.com/questions...of-an-adaptive-icon-including-removal-of-back
One of those methods mentioned there is probably also the way Nova Launcher bypasses the adaptive icons (when you check the setting "Prefer legacy icons").
So all the kidding about first world problems aside, this is possible to solve with any launcher now that supports icon packs. I came across a workaround here:
How to Create a Non-Adaptive Icon Pack? | Matthew Miner's Blog
The official blog of Matthew Miner. Sometimes I might say something.
matthewminer.name
.
After installing Icon Pack Studio, the steps in the app to generate a non-adaptive icon pack are as follows:
Hit "New" at the bottom and create a new "Adaptive icon" pack. (Yes, you want to hit "Adaptive icon" even to make non-adaptive icons. This basically just means you want colors.)
Go to "Background" and toggle off the Shape to get an icon with no background.
Go to "Logo", then "Design, then change the "Type" to "Not adaptive" and change "Compositing" to "Overwrite".
Turn the size up to 100 to compensate for not having padding added all around it.
Hit "Preview", then "Apply", then "Overwrite", then "OK", install the resulting icon pack, and apply it. (It might take a minute to generate.)
Click to expand...
Click to collapse
Not related to this hack, but after these steps don't forget to open the generated apk (i.e. the icon pack), clear your launcher's cache, and maybe do a force close (with the latest debug version of Lawnchair it took me even two times force closing to get rid of the old icons). And also make sure "Auto Adaptive Icons" is off (to disable making adaptive icons out of icons that do not support adaptiveness).
Interestingly, it also works with icons for newly installed apps, without having to reload anything. You can even remove Icon Pack Studio altogether. Presumably, the simplicity of this "icon pack" only has the descriptions of the background and the logo size, applying it dynamically to any icon. Possibly there could be a "generic icon pack" that can be installed on any phone that disables legacy icons. I will test that when I have the opportunity.
This is just a workaround of course, but serves its purpose until there is some general Android setting to disable adaptive icons, or if that seems impossible, when launchers start to hack this in as an option (in the same fashion as this workaround, presumably also like Nova does and the previously linked Stack Overflow page).
Interestingly, when you turn "Auto Adaptive Icons" on then new icons for newly installed apps do not get a legacy icon, but when you turn it off they do. For existing apps that were installed at the time of the icon pack generation they stay legacy regardless.
And one more thing:
Quigley said:
I will test that when I have the opportunity.
Click to expand...
Click to collapse
Just did that on another phone with the same launcher but was unsuccessful. The icons do not change until you make a specific package for that phone.