- This topic has 20 replies, 4 voices, and was last updated 10 years, 10 months ago by
.
-
Posts
-
1st question:I have a calculator app, which I drew all the buttons. The buttons are all nicely aligned selecting Nexus S or tablet 7″ or tablet 10″ and when tested using the test centre. But when built into android app and tested on my Samsung S4, some of the buttons lost their alignment. During apps building, I tried choosing device screen size small or normal or large but the buttons are continuously misaligned. Any advice please.
2nd question: during Andriod apps building, for device screen there are selections for universal, small, normal, large, extra large. These correspond to what screen sizes? I would like my app to work on size up to Samsung note 2, which should I choose?
You should be able to maintain the button layout by placing all of the buttons inside a transparent panel and then you can use the auto-resize property for the panel to control it’s position on the screen as it resizes.
I can’t really answer your second question as I always design my apps to be universal by using the auto-resize properties to get the layout to fit all devices.
All I can suggest is this, in the auto resize properties for your buttons you should only have the top center red selected and green arrow left to right selected. That should auto size correctly across all sizes. I think, as CODE A said you should use the universal for all sizes.
Dear Code A, following your advice I had put buttons on the same row into individual and separate transparent panel. Now the buttons seems to be aligned. Thanks a lot for this useful tip!
However I still have some questions and if I can get some help from you or the people on this forum.
Q1: buttons 6 3 0 arrow – the border color seems to be different from the others, although the setting in Mobione is the same.
Q2: I have 3 long bars for display (labeled textfield1, textfield2, textfield3 )which I set read only in Mobione. When converted to an apk and ran on my phone, when I touch any of these 3 textfields, they “blink” by changing to a different color and then back to original color. How can I disable such blinking?
I have uploaded my mobifile and a screenshot.
Mobione version 2.6.1
Phone used- Samsung S4Wow.. thks mate! Really appreciate it!
Btw, I have these 3 long bars (2 black and 1 white labeled textfield1, textfield2, textfield3) for display which I set read only in Mobione. They “blink” (by changing to a different color and then back to original color) when I touch them on the phone. How can I disable such blinking?
text fields do not have an active colour change, so I don’t know why you have this problem. They do not ‘blink’ on either of my devices.
I capture the video of the “blinking” here.
I wondered if it is due to the textfield having the function under (Actions: On click: to do…) and if there is any way to disable it.
Yes I see it, maybe support can help on this one. Saying that why do you need to touch the text fields they are for display only, right?
I am thinking if the user may be thinking why it is reacting to touch when it’s only a display. If I compare to other calculators on the apps store, for those which I encountered, the panel for the numeric display does not respond to touch.
So I am thinking if it can be disabled.
Would appreciate if somebody could shed some light here.
This may just be the initial reaction of the textfield because it is an input widget. Maybe the highlight color can be modified somewhere in the CSS files…if you want to dig through those.
Another possible solution would be to consider using non-input widgets like a panel and a text label to try and achieve the same look.
I’m not sure why you are seeing a highlight color. I am unable to replicate this on any device we have when testing as an android or ios app (not webapp). My first thought is the behavior is specific to the device/os version. Not all androids are the same since vendor’s such as samsung customize their versions to provide a vendor specific experience over standard android.
1) What device/os are you testing on?
2) Are you running a native app or testing in a browser?
2a) If you are testing in a browser which browser and version? Also build a native app and test it.
Based on your feedback we’ll do some additional testing tomorrow.
Hi Code A, I tried to replace with a text label as you suggested but i am not able to display my calculated results to this text label. I also tried to look into the CSS file and found the name of the textfield but have no clue what parameter to change. I am quite new in programming and started learning javascript about 2 months ago and then bought Mobione.
Hi Stickleback, thks for taking the effort modifying the mobi file. But I tried sending to my S4 as an apk but it still blinks and now it pulls up the keyboard as well when I touch the display panel. I don’t understand why it pull out the keyboard as I noticed you set the text area as read only. I attached the video here.
Hi Support Michael,
1. Samsung galaxy s4/ Andriod version 4.3
2. Tested as native app. No problem in Mobione testcentre using google chrome.Thanks to you all for all the help you have given to me.
>1. Samsung galaxy s4/ Andriod version 4.3
I’m thinking this is a bug on the device. Hard to tell without having one to check. I just tested your project on nexus 5/android 4.4. No blink observed.
(I believe someone already suggested this)
As a fallback I previously used a text widget and dynamically changed the text. It’s straight forward once you have the ID of the text widget. Here is a rough hack that shows the display textfield replaced with a panel (black background) and with a text widget (white text) for displaying the current input/value. See attachment update-text-field.png
