I am porting an app from iPhone to Android and I was wondering what the best way was to make this screen in Android?
The places where it sais "optioneel" and where the phonenumbers are must be editable like this:
This is what I've come up with so far:
So how can I make these 'editable listview' things in Android?
I'm a specialist in porting iPhone apps to Android. I have my own library of iOS-style widgets for Android. I can't give you source code but I'll give you a clue: use EditText for the editable ones, obviously with a custom background nine-patch. You can override dispatchDraw() to draw the label on the left, and set the left padding so it doesn't clash with the user-provided text.
I think you can use a normal EditText element and apply a plain white images as background.
One way would be to create a TableView and then add a Label on the left hand column and a TextView / EditText in the right hand column. Correctly styled this would match the form and function of the iPhone app.
Related
I am developing one application to support both iPhone and iPad. i am using Autolayout for interface design in universal storyboard. i have two textFields and one button . i am adding layout constraints for my components like this( and ). finally my iPhone screen looking like .This how exact i need . But if i run the app in iPad2 the screen is looking like below image . Here textiles and button Width is changing Based on screen size but Textfields and button Height not changing based screen height?. Can anybody tell me how to solve this. I am using Autolayout first time and struggling since morning?
Okay so you have two options here-
1. Under textField, choose the border style I'm attaching below. Then you can change the height of the textField, in the storyboard itself. When you constraint your view, then just don't specify a fixed heigh constraint, and everything should work okay.
2. If you use a textField, then you can just resize it to your needs, and then implement the same constraint specs. But, I personally like textFields more, because they give you options like letting the user enter Secure Text, among other options.
Has anyone used the Instagram app lately?
It has a very neat feature, where, while you are using camera, you can touch the 'eye' button, which pops up a small scrollable UI area that contains different filters that can be applied to the camera video.
Can anyone help me on what kind of UI element I should use to get such popup?
Thanks.
The one on the Instagram app looks like a simple UIScrollView with custom subviews added in. What these subviews contain and how they look is completely up to you and your design.
You know that grey circle with white "X" in it in textboxes for iPhone controls that is used to delete the current line of text, is that available as an icon somewhere? I'd like to put that icon along with the words "Clear" into a UIButton but not sure if that is availalbe. Thanks.
Apple's website uses a reset icon in its search field that you could download. Not sure how well it will work with the iPhone 4 display PPI though. (It doesn't seem to appear when I visit the site with an iPhone.)
This is not part of the public API, you'd have to use your own custom image. Which could simply mean using an editor to slice it out of a screen shot.
Feedly for iPhone comes with cool design especially its custom pagecontrol(scrollbar?) placed on the top.
I'm developing an app for iPhone, and to use spaces efficiently as much as it's possible I'm trying to find a way to implement custom pagecontrol like Feedly. I actually think it's possible the app is made with HTML5 and CSS? Although I am not sure. I found some custom opensourced pagecontrol frameworks, but they're to do with something else such as dots' colors either sizes.
Here's example image link to Feedly for iOS http://i.stack.imgur.com/wf595.jpg
Although this is an iPad version, basically iPhone one is the same. You see the green bar just below the status bar, if you slide pages the colored bar scrolls. It's much more like scrollbar.
Thanks.
Okay, so I unarchived the app and it turned out it's mainly made with HTMLs and converted using PhoneGap. I'm not going to use HTML in my app, my journey still goes on...
Putting all contents into an UIWebView (implementing in HTML & CSS) is generally a bad idea performance wise.
What Feedly seems to do is use an UIScrollView.
The ScrollView sends several events including when it's moved and tapped.
They then update the green scroll bar on top whenever the ScrollView is moved.
Likely, they will also load the actual contents within the ScrollView as the user approaches their position to conserve memory.
You can implement something like this yourself in a few days of coding work.
(Disclaimer: This is just how I would implement what you showed. How it is actually done - only Feedly knows.)
I have an iPad app out on the app store which I'm interested in making an iphone version for. The whole screen is used in the iPad app, with basic strings that display information.
How could I bring all that to the iPhone and make it scrollable? For example, to make it fit on the phone I would have the title on top, then a string stating like name on the left, then under it the name. I need to do this for about 7 items such as address and email, therefore in order to make it all fit it would have to go down below the iPhone screen. How would I be able to make the screen scrollable so I can view what is below it?
I understand table views scroll but the way the information is, having a table view would look weird and would be too overkill if you get what I mean.
Thanks.
UIScrollView.
For what it's worth, it actually does sound (from your description) that you actually would want to use a UITableView, but maybe I'm misunderstanding.
Use a UIScrollView