右对齐在UISearchBar中的放大镜图标 [英] Right align magnifying glass icon in UISearchBar
问题描述
在Cocoa-Touch中,我们找到一个控件 UISearchBar
。我需要对其进行自定义,以使文本字段中显示的搜索图标(我们点击执行相应操作)右对齐。通常,我们发现左对齐。可以这样做吗?我做了R& D但找不到...
我该怎么办呢?有没有很好的教程,我们可以找到它?
不幸的是 UISearchBar
不是直接支持这个。在完成我们想要的,我们可能需要使用视觉上或功能明智的或者写很多自定义代码的解决方法。
访问子视图方法
UISearchBar
中的文本是 UITextField
,即 UISearchBar
,可通过通常的方式访问 view.subviews
。
放大镜搜索图标属性用于其他内容,例如搜索结果按钮和书签按钮。在这里放置搜索图标可能会以某种方式与此功能冲突,即使您可以使用偏移量的填充来适当地定位。
至少可以使用这种方法将图标提取为 UIImageView
,并将其显式放置在您认为合适的位置,就像任何其他视图一样,并编写自定义代码来处理点击事件等。
自定义外观方法
在 iOS v5.0 及更高版本中,搜索栏使用列出的方法此处。以下代码使用偏移量将位置 UISearchBar
中的图标和文本:
[self.searchBar setPositionAdjustment:UIOffsetMake(255,0)forSearchBarIcon:UISearchBarIconSearch];
[self.searchBar setSearchTextPositionAdjustment:UIOffsetMake(-270,0)];
在标准 UISearchBar
如下所示:
这将保持所有与图标关联的事件功能按预期工作,但不幸的是 UITextField
,它只显示其文本的一小部分。如果你能找到一种方法允许文本显示超出它认为是 UITextField
的结尾,这可能是你最好的赌注。
In Cocoa-Touch we find a control UISearchBar
. I need to customize it so that the search icon (which we click performs the respective action) present in the textfield is right aligned. Normally we find it left aligned. Is it possible to do so? I have done R & D but couldn't find it ...
How can I do it? Are there any good tutorials where we can find it?
Unfortunately the UISearchBar
wasn't designed to directly support this. In accomplishing what we want it's likely that we're going to have to use workarounds that compromise visually or functionality wise or write a lot of customising code.
I've outlined a couple of approaches that get close to what we want and may be of use.
Accessing Subviews Approach
The text within a UISearchBar
is a UITextField
that is a subview of that UISearchBar
and is accessible through the usually means i.e. view.subviews
.
The magnifying glass search icon is a UIImageView
in the leftView
property of the UITextField
. We can switch it over to the right using the following code:
// The text within a UISearchView is a UITextField that is a subview of that UISearchView.
UITextField *searchField;
for (UIView *subview in self.searchBar.subviews)
{
if ([subview isKindOfClass:[UITextField class]]) {
searchField = (UITextField *)subview;
break;
}
}
// The icon is accessible through the 'leftView' property of the UITextField.
// We set it to the 'rightView' instead.
if (searchField)
{
UIView *searchIcon = searchField.leftView;
if ([searchIcon isKindOfClass:[UIImageView class]]) {
NSLog(@"aye");
}
searchField.rightView = searchIcon;
searchField.leftViewMode = UITextFieldViewModeNever;
searchField.rightViewMode = UITextFieldViewModeAlways;
}
Which gives us the following result:
As you can see the icon overruns the edge of the rounded rectangle and the clear icon has disappeared. In addition, the rightView
property was intended for other content such as the search results button and bookmarks button. Putting the search icon here may conflict with this functionality in some way even if you were able to use padding of offsets to position it appropriately.
In the very least you can use this approach to extract the icon as a UIImageView
and position it explicitly where you see fit as you would any other view and write custom code to handle tap events etc.
Customizing Appearance Approach
In iOS v5.0 and later, you can customize the appearance of search bars using the methods listed here. The following code makes use of offsets to position the icon and text within the UISearchBar
:
[self.searchBar setPositionAdjustment:UIOffsetMake(255, 0) forSearchBarIcon:UISearchBarIconSearch];
[self.searchBar setSearchTextPositionAdjustment:UIOffsetMake(-270, 0)];
On a standard UISearchBar
of 320 width it looks like the following:
This would keep all event functionality associated with the icon working as expected but unfortunately the UITextField
is confused and despite its width, it only displays a very small portion of its text. If you could find a way to allow the text to display beyond what it believes to be the end of the UITextField
, this will probably be your best bet.
这篇关于右对齐在UISearchBar中的放大镜图标的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!