UIDocumentInteractionControllerのようにUIActionSheetボタンに画像を追加する
UIActionSheetに見られるように、UIDocumentInteractionControllerのボタンに画像を追加することは可能ですか？もしそうなら、それがどのように行われるか教えてください。
この方法を試してください、それがあなたの助けになることを願っています。
UIActionSheet * action = [[UIActionSheet alloc]
initWithTitle:@"Title"
delegate:self
cancelButtonTitle:@"Cancel"
destructiveButtonTitle:nil
otherButtonTitles:@"",nil];
[[[action valueForKey:@"_buttons"] objectAtIndex:0] setImage:[UIImage imageNamed:@"yourImage.png"] forState:UIControlStateNormal];
[[[action valueForKey:@"_buttons"] objectAtIndex:0] setImage:[UIImage imageNamed:@"yourImage_Highlighted.png"] forState:UIControlStateHighlighted];
UIActionSheet（またはUIAlertView）のボタンに（正確にはアイコンまたはシンボル）画像を追加する可能性があります。画像ファイルをロードしたり、（サブ）ビューをいじったりすることはできません。これらのクラスでは、ボタンはタイトルで指定されます。タイトルは文字列です。したがって、文字列でも指定できるシンボルを使用することは明らかです。最初に思いついたのは、nicode symbolsを使用することでした。
それから、それらのいくつかがiOSで素敵なアイコンとしてレンダリングされ、Mac OSでも Character Viewer のいくつかのシンボルで見ることができることを発見しました。したがって、文字列を指定できるすべての場所で実際にシンボルを使用できます。
このアプローチの欠点は次のとおりです。
- 定義済みのシンボルに制限されています。
- すべてのシンボルが本来どおりにレンダリングされるわけではありません（例：
\u29C9）。 - さまざまなiOSバージョンで一部のシンボルの外観が変更される場合があります（例：
\U0001F533iOS 5および6）。
以下にいくつかの興味深いシンボルを示します。
（少なくともMac OSでは）シンボルの外観をすばやく確認したい場合は、 電卓を使用 を使用できます。シミュレーターで確実にチェックしてください：例えば\u2B1Cは、電卓10.7.1のアイコンではありません。
スクリーンショット：
UIActionSheet
ボタンのタイトル：
@"\U0001F6A9 \U0001F4CC \u26F3 \u2690 \u2691 \u274F \u25A4 Test"
@"\U0001F4D6 \U0001F30E \U0001F30F \u25A6 \U0001F3C1 \U0001F332 \U0001F333 \U0001F334 Test"
UIAlertView
ボタンのタイトル：
@"\u26A0 Yes"
UITableViewCellチェックボックスとその他のアイコン
標準のUIActionSheetは画像をサポートしていません。
UIActionSheetに画像を追加する1つの方法は、UIActionSheetにサブビューを追加することです。 UIActionSheetDelegateメソッドwillPresentActionSheet：を実装するだけです：
- (void)willPresentActionSheet:(UIActionSheet *)actionSheet {
UIImageView* buttonImage = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"picturename.png"]];
// Set the frame of the ImageView that it's over the button.
[actionSheet addSubview:buttonImage];
[buttonImage release]; // only if you don't need this anymore
}
画像がタッチに反応するかどうかはわかりませんが、the UIActionSheetのようなUIDocumentInteractionControllerを作成できます。
これを行うための1つの方法を次に示します。 https://github.com/levey/LeveyPopListView 
- (IBAction)actionSheetButtonPressed:(id)sender {
UIAlertController * view= [UIAlertController
alertControllerWithTitle:@"Share "
message:@"Select your current status"
preferredStyle:UIAlertControllerStyleActionSheet];
UIAlertAction* online = [UIAlertAction
actionWithTitle:@"Facebook"
style:UIAlertActionStyleDefault
handler:^(UIAlertAction * action)
{
//Do some thing here
[view dismissViewControllerAnimated:YES completion:nil];
}];
UIAlertAction* offline = [UIAlertAction
actionWithTitle:@"Google+"
style:UIAlertActionStyleDefault
handler:^(UIAlertAction * action)
{
[view dismissViewControllerAnimated:YES completion:nil];
}];
UIAlertAction* doNotDistrbe = [UIAlertAction
actionWithTitle:@"LinkedIn"
style:UIAlertActionStyleDefault
handler:^(UIAlertAction * action)
{
[view dismissViewControllerAnimated:YES completion:nil];
}];
UIAlertAction* away = [UIAlertAction
actionWithTitle:@"Twitter"
style:UIAlertActionStyleDestructive
handler:^(UIAlertAction * action)
{
[view dismissViewControllerAnimated:YES completion:nil];
}];
UIAlertAction* cancel = [UIAlertAction
actionWithTitle:@"Cancel"
style:UIAlertActionStyleDefault
handler:^(UIAlertAction * action)
{
}];
[online setValue:[[UIImage imageNamed:@"facebook.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal] forKey:@"image"];
[offline setValue:[[UIImage imageNamed:@"google-plus.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal] forKey:@"image"];
[doNotDistrbe setValue:[[UIImage imageNamed:@"linkedin.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal] forKey:@"image"];
[away setValue:[[UIImage imageNamed:@"Twitter.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal] forKey:@"image"];
[view addAction:online];
[view addAction:away];
[view addAction:offline];
[view addAction:doNotDistrbe];
[view addAction:cancel];
[self presentViewController:view animated:YES completion:nil];
}
キー "_ buttons"によってactionSheetオブジェクトからアクションボタンのタイトルを取得し、ボタンの画像を設定できます。
UIActionSheet *actionSheet = [[UIActionSheet alloc]initWithTitle:@"Title" delegate:self cancelButtonTitle:@"Cancel" destructiveButtonTitle:nil otherButtonTitles:@"Facebook", @"Twitter", @"Google +", @"E - mail", @"Send Message",nil];
[[[actionSheet valueForKey:@"_buttons"] objectAtIndex:0] setImage:[UIImage imageNamed:@"fb_icon1.png"] forState:UIControlStateNormal];
[[[actionSheet valueForKey:@"_buttons"] objectAtIndex:1] setImage:[UIImage imageNamed:@"Tweet_icon1.png"] forState:UIControlStateNormal];
[[[actionSheet valueForKey:@"_buttons"] objectAtIndex:2] setImage:[UIImage imageNamed:@"googleplus_icon1.png"] forState:UIControlStateNormal];
[[[actionSheet valueForKey:@"_buttons"] objectAtIndex:3] setImage:[UIImage imageNamed:@"mail_icon.png"] forState:UIControlStateNormal];
[[[actionSheet valueForKey:@"_buttons"] objectAtIndex:4] setImage:[UIImage imageNamed:@"message_icon.png"] forState:UIControlStateNormal];
for (UIView *subview in actionSheet.subviews) {
if ([subview isKindOfClass:[UIButton class]]) {
UIButton *button = (UIButton *)subview;
[button setTitleColor:[UIColor darkGrayColor] forState:UIControlStateNormal];
}
}
[actionSheet showInView:self.view];
すべての行の画像とテキストをサポートするテーブルセルを使用して、UIActionSheetの外観をエミュレートするクラスを作成しました。また、インタラクションにブロックを使用し、iPhoneおよびiPadをサポートし、iPadのUITabBarItemからポップアップし、複数のシートをキューに入れます。まだ開発中ですが、Githubから自由にクローンしてください：
http://github.com/azplanlos/SIActionSheet
使用方法は非常に簡単です。以下に例を示します。
SIActionSheet* mySheet = [SIActionSheet actionSheetWithTitle:@"Action Sheet title"
andObjects:[NSArray arrayWithObjects:
[SIActionElement actionWithTitle:@"Item 1"
image:[UIImage imageNamed:@"image"]
andAction:^{NSLog(@"action 1");}]
, nil]
completition:^(int num) {
NSLog(@"pressed %i", num);
} cancel:^{NSLog(@"canceled");}];
mySheet.followUpSheet = anotherSheet;
if (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPhone)
[mySheet show];
else
[mySheet showFromTabBarItem:item inTabBar:tabBar];
問題が発生した場合は、お知らせください。これが私のような同じ問題を抱えている多くの人々に役立つことを願っています...
IOS 8の場合、これを参照してください
if( [UIAlertController class] ){
UIAlertController *view = [UIAlertController alertControllerWithTitle:@"Main Title"
message:@"What do you want to do?"
preferredStyle:UIAlertControllerStyleActionSheet];
UIAlertAction *firstAA = [UIAlertAction actionWithTitle:@"Beep Beep"
style:UIAlertActionStyleDefault
handler:^( UIAlertAction *action ){
[view dismissViewControllerAnimated:YES
completion:nil];
}];
[firstAA setValue:[UIImage imageNamed:@"your-icon-name"] forKey:@"image"];
[view addAction:firstAA];
UIAlertAction *cancelAA = [UIAlertAction actionWithTitle:@"Cancel"
style:UIAlertActionStyleCancel
handler:^( UIAlertAction *action ){
[self deselectTableViewRow];
[view dismissViewControllerAnimated:YES
completion:nil];
}];
[view addAction:cancelAA];
[self presentViewController:view
animated:YES
completion:nil];
}
else {
UIActionSheet *sheet = [[UIActionSheet alloc] initWithTitle:@"What do you want to do?"
delegate:(id)self
cancelButtonTitle:nil
destructiveButtonTitle:nil
otherButtonTitles:nil];
[sheet addButtonWithTitle:@"title"];
[[[sheet valueForKey:@"_buttons"] objectAtIndex:0] setImage:[UIImage imageNamed:@"your-icon-name.png"] forState:UIControlStateNormal];
sheet.cancelButtonIndex = [sheet addButtonWithTitle:@"Cancel"];
[sheet showInView:self.view];
}
私はそれが非常に遅い答えであることを知っていますが、アクションシートに画像を表示する別の方法を見つけました：
self.actionSheet = [[UIActionSheet alloc] initWithTitle:@"Select Image:" delegate:self cancelButtonTitle:@"Cancel"destructiveButtonTitle:nil otherButtonTitles: @"Image1", @"Image2", @"Image3", @"Image4", @"Image5", @"Image6", @"Image7", @"Image8",@"Image9", @"Image10", @"Image11", @"Image12", @"Image13", @"Image14", @"Image15", nil];
self.actionSheet.tag = 1;
for (id button in [self.actionSheet valueForKey:@"_buttons"])
{
UIImageView* buttonImage = [[UIImageView alloc] initWithImage:[UIImage imageNamed:[button titleForState:UIControlStateNormal]]];
[buttonImage setFrame:CGRectMake(5, 5,35,35)];
[button addSubview:buttonImage];
}
[self.actionSheet showInView:[UIApplication sharedApplication].keyWindow];
NSString* strUrl=[MLControl shared].currentServerUrl;
for( MLServerUrl *title in [MLControl shared].arrServerUrl) {
NSString* strShow=title.name;
if ([strUrl isEqualToString: title.url]) {
strShow=[NSString stringWithFormat:@"√ %@",strShow];
}else{
strShow=[NSString stringWithFormat:@" %@",strShow];
}
[chooseImageSheet addButtonWithTitle:strShow];
}
// [[[chooseImageSheet valueForKey:@"_buttons"] objectAtIndex:0] setImage:[UIImage imageNamed:@"ic_check_black_18dp.png"] forState:UIControlStateNormal];
chooseImageSheet.actionSheetStyle = UIActionSheetStyleDefault;
[chooseImageSheet showFromRect:btnRc inView:sender animated:YES];
このカテゴリ拡張機能はios7.1で動作し、UIActionSheetのボタンに画像/アイコンを追加しますが、いくつかの注意事項があります...
@interface UIActionSheet (GSBActionSheetButtons)
- (void)buttonAtIndex:(NSUInteger)index setImage:(UIImage *)image forState:(UIControlState)state;
@end
@implementation UIActionSheet (GSBActionSheetButtons)
- (void)buttonAtIndex:(NSUInteger)index setImage:(UIImage *)image forState:(UIControlState)state
{
for (UIView* view in self.subviews) {
if ([view isKindOfClass:[UIButton class]]) {
if (index-- == 0) {
UIButton *button = (UIButton*)view;
[button setImage:image forState:state];
button.imageView.contentMode = UIViewContentModeScaleAspectFit;
button.imageEdgeInsets = UIEdgeInsetsMake(2,0,2,0);
break;
}
}
}
}
そしてそれを使用するには：
[self.sharePopup buttonAtIndex:2 setImage:[UIImage imageNamed:@"Twitter.png"] forState:UIControlStateNormal];
警告：
UIActionSheetは、ボタンの画像を右側heightに正しく自動サイズ調整しますが、それに対応してimageviewを変更するようには見えませんwidth;したがって、UIViewContentModeScaleAspectFitを使用して、画像がつぶれるのを防ぐ必要があります。ただし、imageviewフレームの幅は元のフルサイズのままなので、画像が大きい（またはより正確に広い）場合、中央（縮小）の画像とボタンテキストの間に迷惑なギャップが生じます。これを回避する方法はありません。プログラムで明示的にwidth = height制約を明示的にimageviewに追加しても無視されるようです！？ [何か案は？]。最終的な結果として、画像が最初から適切な高さであることを確認してください（たとえば、iPhone 4Sで約45ピクセル）。ボタン画像とテキストの間にますます大きな隙間ができます。
さらに深刻なのは、ボタンに画像を追加するとすぐに、UIActionSheetがボタンのテキストを自動的にbolded（！）にすると思われることです。理由がわからないし、これを防ぐ方法もわからない[アイデアは？]
最後に、このソリューションはUIActionSheetのサブビューがボタンのインデックスと同じ順序になるように依存しています。これは少数のボタンには当てはまりますが、（確かに）UIActionSheetに多くのアイテムがある場合は、Appleインデックス作成についてはごまかす：clickedButtonAtIndex：タップされたボタンを特定しようとすると...]
ああ、imageEdgeInsets：はオプションです-各画像をボタンの内側に数ピクセル挿入して、画像が互いに垂直に触れないようにします。
[オピニオン：上記の奇妙さを考えると、私はApple本当に人々がtheirをいじりたくないアクションシート。ある時点で、たぶん弾丸を噛んで、独自のモーダルポップアップを実装する必要があります;これらのUIActionSheetsが対応するマンハンドリングはそれほど多くありません...]
IOS 8.0以降では、UIAlertControllerを使用できます。 UIAlertControllerでは、各ボタン項目はUIAlertActionとして認識され、それに応じて追加されます。