I have a view with a button and three UITextFields. The view's background is an image. I want UITextField's and Round Rect Button's backgrounds to be transparent, so the have their functions and display text, but there are no backgrounds. Adding a transparent image as a background doesn't help.
Thanks in advance!
As pheelicks said for UIButton can create it with type UIButtonTypeCustom.
For UITextField set its border style to UITextBorderStyleNone.
For the button you need to change the button type to:
button.buttonType = UIButtonTypeCustom;
See this question
As for the textfields, I don't think you can make them transparent. One solution would be to set the background image of each textfields to the image that would be showing through if the textfields were transparent. If you get it pixel perfect then it'll look as if the textfields are transparent
[[UIButton buttonWithType:UIButtonTypeCustom] initWithFrame:CGRectMake(0, 0, 100, 100)];
Related
I would like to make a generic class that when tapped, makes the element grayish.
Facebook's app is the perfect example of what I want to achieve. All their links and images become gray when tapped.
I can only guess that they are subclassing UIButton.
I have made my button's style UIButtonTypeCustom to get rid of the rounded border. Beyond this, I don't know how to have the gray overlay because I see no such property in the documentation.
Its simple:
#define TAG_GRAYVIEW 5671263 // some random number
// add the gray overlay
UIView *grayView = [[UIView alloc] initWithFrame:button.bounds];
grayView.backgroundColor = [UIColor grayColor];
grayView.tag = TAG_GRAYVIEW;
[button addSubview:grayView];
// remove the gray overlay
UIView *grayView = [button viewWithTag:TAG_GRAYVIEW];
[grayView removeFromSuperview];
I think you need to use a semi transperant grey image PNG file. You need to then set Image of button in Highlighted state.
Also note that both the images for Normal State and Highlighted State need to have the images with titles on them.
As once we set the image to button, btn.titleLabel.text won't be displayed.
So you can have a image with transperant background and title on it for Normal state. And an grey image with title on it for Highlighted State.
Code for doing it programmatically is
[btn setImage:#"Transperant.png" forState:UIControlStateNormal];
[btn setImage:#"Grey.png" forState:UIControlStateHighlighted];
Hope this helps you.
The default UIButton masks the opaque content using a gray highlight. For example when using a transparent png, only the parts that contain non-transparent pixels will be grayed out on touch. The default UIButton highlight has no effect on subviews/sublayers, and will only work on provided images. What you see in the Facebook app is probably just a UIWebView highlight, possibly customized using css.
To create something similar using your own control (to prevent the overhead of a UIWebView) you should probably create your own UIControl subclass and highlight the content on touch using a transparent CALayer. You can even mask the CALayer to only highlight the actual contents, instead of a rectangular shape.
Also see my stackoverflow post on creating custom controls for iOS by subclassing UIControl.
Try setting the button up something like this.
*mind you I didn't create the image for this example.
Set your button type to custom, and in "State Config" select "Highlighted" from there you will want to set the image of the button to be a semi-transparent grey image. There are probably several other ways to achieve this same effect but this one should be nice and simple.
how to Change UIbutton background color??
I try it on IB, but it doesn't work. only changes it for custom button.
I would like to change the white color on the rounded rect button.
Or instead how to make a custom button whit rounded corners
thanks!
Rounded rect button's color can be changed to any color with the background color property in IB as well as through coding, but can not change its color to transparent color easily. For that, you better use a custom button with either rounded image or set layer as demonstrated in the example and don't forget to add Quartz Core framework in you project as well as to import it in your class.
UIBUtton *myBtn = [UIButton buttonWithType:UIbuttonTypeCustom];
myBtn.frame = frame; //your desired size
myBtn.clipsToBounds = YES;
myBtn.layer.cornerRadius = 5.0f;
[self.view addSubView:myBtn];
You may find it difficult to adjust the default button. However you can use any view you want with a custom button.
Here's an article on creating views with rounded corners:
http://iphonedevelopment.blogspot.com/2008/11/creating-transparent-uiviews-rounded.html
You also may look at a program called Opacity, which allows you to create a a lot of customized standard iOS interface art/buttons.
http://likethought.com/opacity/
UIButton *tagButton = [UIButton buttonWithType:UIButtonTypeRoundedRect];
and have a look at this... that my do the trick.. i did it for mine.
You can use a custom UIButton with custom images for backgroundimage for each state. Just make the different states of your rounded button in photoshop for example.
You can use Custom button But for that use the image of button of white rounded corners
so it will be look like white round rectangle button
You should use UIButtonTypeCustom, instead of any other.
I have a label I have added a background to like this:
myLabel.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:#"some image"]];
The user will enter text into the label and when finished, I would like to have the background image fade away but have the text remain. I've tried UIView Animations but UIImage does not inherit from UIView so that method has not worked and I am a bit stuck. Either I need to add a background image to my label differently or animate in a different way to get the fade out. Any thoughts would be appreciated.
Why not just use a UIView where you add both another UIView with your background, and a UILabel on top, like so?
UIView
UIView
UILabel (with [UIColor clearColor] as backgroundColor)
Then you can fade out the second UIView, and the UILabel will remain visible.as backgroundColor)
Is there a way to make a button transparent without alpha?
To explain: I have a background image on my view. There is also a button with an image background. If the image has a transparent part I see white inside the button's background image.
Is it possible to make the image transparent?
You can set the button type to 'Custom', either in code with: UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom]; or in IB on the Attributes pane, under Button -> Type -> Custom.
Set the backgroundColor of the button to [UIColor clearColor] and optionally its opaque to NO (Should automatically be applied by setting the background color to transparent).
You want to set the button opaque property to NO.
In InterfaceBuilder, you have a checkbox to do that.
I have a simple problem ... but its turning into a very difficult problem .. i have a button inside uitableviewcell and want to change its color through code .... i could aceive it by changing its background image. But its kinna hazy ... its not the solid color ... and when i use [cell.button setBackgroundColor:[UIcolor redColor]] ... the button color does not change ...
any help appreciated
thanks
I am not sure about how are you doing this, but if it is possible, why don't you keep reference to this button.
You can initialize it, insert it on your table and all the time that you need to change something, you use the variable that you have initialized.
// On your .h
UIButton *myButton;
// On your .m
// Initialize it.
// when displaying cells
cell.button = myButton;
// when you need to change the color use your myButton reference
myButton.backgroundColor = ......
Cheers,
VFN
If you have a background image (correct me if I got it wrong) then there is no chance to change the background color (or, at least, see this change) without changing the background image...
If you don't have a BG image then it should work...
Where do you change the color?
Inside the tableView:cellForRowAtIndexPath: or do you have a reference to the button?
UPDATE:
Haven't noticed the [cell.button.
What is cell?
Actually changing the background color would change the corners of the button slightly but you may not notice it as rounded rect button just blocks its background as long as it is not transparent.
I believe what you want to do is to change the tint color.
try
[cell.button setTintColor:[UIcolor redColor]];
I guess it should work.