Geek Answers Handbook

How to recreate iMessage send and text box?

I am new to Xcode and Objective-C, and trying to recreate the bottom panel of the iMessage application, but I cannot figure out how to do this. I saw another application using the same location, WhatsApp Messenger , which made me think that there was probably an easy way to do this.

It seems impossible to make UIButton look like a submit button, and it looks like a UITextField looks like an input field. Is this really done using images, or is there some kind of proprietary (correct) way to do this? If these are all images, where can I find them, or should I make my own?

Also, how to make the text field expand vertically when the user enters text? This question, at least, seems to answer how to make buttons with dynamic width using images, but not how to create text boxes with variable heights.

Here is what I am trying to recreate:

Empty text message formenter image description here

+7
source share
2 answers

Quick google search for dashboard. You have to make your own button images and change them when clicked. This is a text box, not a text box, and you must change it dynamically. There is an image that changes size. My suggestion is to use Google more. I found a lot of all this in a 2 second Google search. As for the bar, it is a link http://developer.apple.com/library/ios/#samplecode/KeyboardAccessory/Introduction/Intro.html

+5
source

There is no easy way to do this. The hard part is to simulate the behavior and exact position of the elements. I did this with high precision for the application I developed, and extracted the essay panel into a stand-alone project so that anyone could easily get it. It is called PHFComposeBarView . Here's what it looks like:

PHFComposeBarView

To summarize, these are the functions:

  • the name of the main button (right) can be changed
  • You can change the color of the main button.
  • placeholder name can be changed
  • placeholder is displayed as a property for further customization
  • the text view is displayed as a property for further customization
  • the utility button (one on the left) can be shown by installing the utility image of the button (best results for white images on a transparent background up to 32 times the side length)
  • optional character counter when specifying the maximum number of characters (similar to entering SMS in Message.app; maximum char limit is not imposed)
  • uses delegation to notify button clicks
  • forward delegation methods from text view
  • automatically grows when text wraps messages and sends notifications and sends delegates messages about frame changes before and after the change so you can have other views for changing the frame and sends delegate methods so you can customize your views
  • default grows up, alternatively down
  • maximum height for growth can be specified in terms of dots or line numbers
+8
source

More articles:


All Articles