我需要实现一个带有许多按钮的弹出菜单。我已经创建了弹出窗口并动态添加了按钮。现在我需要像 iPhone 主屏幕那样重新排列按钮。当发生长按手势时,按钮需要使用关闭按钮开始动画(就像我们尝试从手机中删除应用程序时出现的那样)。此外,我需要通过拖动来重新排列按钮的位置。我已经为按钮的外观和关闭按钮添加了动画,但我正在努力寻找一种重新排列按钮位置的方法。我进行了很多搜索,发现了许多有关此功能的链接,但是其中大多数都非常冗长且复杂。我只想要一个可以快速实施的快速/简单的。有什么想法吗??
问问题
354 次
4 回答
1
我有同样的问题,我用下面的代码解决了我的问题。
1)从您的文档文件夹中获取所有图像
2)在滚动视图中设置它
3)将 UILongPressGestureRecognizer 放在 Imageview 上。并显示十字按钮。
4) 如果删除,则重复步骤 2 至 4。
无需安排整个项目,只需从滚动视图中删除所有项目并重新填充即可。
//Document Directory
#define kAppDirectoryPath NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES)
#pragma mark - File Functions - Document/Cache Directory Functions
- (void)createDocumentDirectory:(NSString*)pStrDirectoryName
{
NSString *dataPath = [self getDocumentDirectoryPath:pStrDirectoryName];
if (![[NSFileManager defaultManager] fileExistsAtPath:dataPath])
[[NSFileManager defaultManager] createDirectoryAtPath:dataPath withIntermediateDirectories:NO attributes:nil error:NULL];
}
- (NSString*)getDocumentDirectoryPath:(NSString*)pStrPathName
{
NSString *strPath = @"";
if(pStrPathName)
strPath = [[kAppDirectoryPath objectAtIndex:0] stringByAppendingPathComponent:pStrPathName];
return strPath;
}
-(void)setScrollviewItem {
NSArray* subviews = [[NSArray alloc] initWithArray: scrollObj.subviews];
for (UIView* view in subviews) {
if ([view isKindOfClass:[UIImageView class]]) {
[view removeFromSuperview];
}
if ([view isKindOfClass:[UIButton class]]) {
[view removeFromSuperview];
}
}
[subviews release];
[arrSaveImage removeAllObjects];
NSError *error = nil;
NSArray *dirContents = [[NSFileManager defaultManager] contentsOfDirectoryAtPath:[slef getDocumentDirectoryPath:@"MyPhotos"] error:&error];// MyPhoto is my Directory Name.
if (!error) {
NSPredicate *predicate = [NSPredicate predicateWithFormat:@"self ENDSWITH '.png'"];
NSArray *imagesOnly = [dirContents filteredArrayUsingPredicate:predicate];
for (int i=0;i<[imagesOnly count]; i++) {
[arrSaveImage addObject:[imagesOnly objectAtIndex:i]];
}
}
int px=0;
for (int i = 0; i < [arrSaveImage count]; i++) {
UIImageView *imgBackScroll=[[UIImageView alloc] init];
NSString *strPath=[self getDocumentDirectoryPath:@"MyPhotos"];
strPath=[NSString stringWithFormat:@"%@/%@",strPath,[arrSaveImage objectAtIndex:i]];
imgBackScroll.image=[UIImage imageWithData:[NSData dataWithContentsOfFile:strPath]];
imgBackScroll.frame=CGRectMake(px+5, 10, 90, 80);
imgBackScroll.layer.cornerRadius = 5.0;
imgBackScroll.layer.masksToBounds = YES;
imgBackScroll.tag=i;
imgBackScroll.userInteractionEnabled = YES;
[scrollObj addSubview:imgBackScroll];
UIButton *btn=[UIButton buttonWithType:UIButtonTypeCustom];//This is your Cross delete button on corner
//[btn setTitle:@"-" forState:UIControlStateNormal];
[btn setImage:[UIImage imageNamed:@"CrossDelete.png"] forState:UIControlStateNormal];
[btn addTarget:self action:@selector(deleteButton:) forControlEvents:UIControlEventTouchUpInside];
btn.frame=CGRectMake(imgBackScroll.frame.origin.x-2, 0, 15, 15);
btn.hidden=YES;
btn.tag=i;
[scrollObj addSubview:btn];
UILongPressGestureRecognizer *longPressGesture = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(startWobbling:)];
longPressGesture.view.tag=i;
[imgBackScroll addGestureRecognizer:longPressGesture];
[imgBackScroll release];
[longPressGesture release];
px=px+95;
}
scrollObj.contentSize = CGSizeMake(px, scrollObj.frame.size.height);
}
-(void) startWobbling:(UILongPressGestureRecognizer*)gesture{
CGAffineTransform leftWobble = CGAffineTransformRotate(CGAffineTransformIdentity, RADIANS(-5.0));
CGAffineTransform rightWobble = CGAffineTransformRotate(CGAffineTransformIdentity, RADIANS(5.0));
gesture.view.transform = leftWobble; // starting point
[UIView beginAnimations:@"wobble" context:gesture.view];
[UIView setAnimationRepeatAutoreverses:YES]; // important
[UIView setAnimationRepeatCount:11];
[UIView setAnimationDuration:0.25];
[UIView setAnimationDelegate:self];
[UIView setAnimationDidStopSelector:@selector(wobbleEnded:finished:context:)];
gesture.view.transform = rightWobble; // end here & auto-reverse
[UIView commitAnimations];
NSArray* subviews = [[NSArray alloc] initWithArray: scrollObj.subviews];
for (UIView* view in subviews) {
if ([view isKindOfClass:[UIButton class]]) {
if (view.tag==gesture.view.tag) {
view.hidden=NO;
}
}
}
[subviews release];
}
//When Delete button pressed
-(IBAction)deleteButton:(id)sender {
UIButton *bt=(UIButton *)sender;
self.strDeleteFilePath=[FunctionManager getDocumentDirectoryPath:@"MyPhotos"];
self.strDeleteFilePath=[NSString stringWithFormat:@"%@/%@",strDeleteFilePath,[arrSaveImage objectAtIndex:bt.tag]];
UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"" message:@"Are you sure you want to delete this photo" delegate:self cancelButtonTitle:@"Delete" otherButtonTitles:@"Cancel", nil];
[alert show];
[alert release];
}
- (void)alertView:(UIAlertView *)alertView clickedButtonAtIndex:(NSInteger)buttonIndex{
if (buttonIndex == 0){
NSFileManager *fileManager = [NSFileManager defaultManager];
NSError *error = nil;
if(![fileManager removeItemAtPath:self.strDeleteFilePath error:&error]) {
NSLog(@"Delete failed:%@", error);
} else {
NSLog(@"image removed: %@",strDeleteFilePath);
}
[self setScrollviewItem];
}
}
于 2013-07-08T10:31:54.853 回答
1
我尝试了许多库并发现了一个很棒且实用的解决方案:UzysGridView。
这非常简单且易于定制。
于 2013-07-23T11:07:21.693 回答
0
UICollectionView 做得更有效。
如果您不想使用 UICollectionView,请尝试继承 UIScrollView 并覆盖 layoutSubview 方法 - 每当您需要重新排列按钮时,请调用 setNeedsLayout。
示例(尚未测试):
- (void)layoutSubviews
{
[super layoutSubviews];
CGFloat x = 0;
CGFloat y = 0;
CGFloat buttonWidth = 100;
CGFloat buttonHeight = 100;
CGFloat spaceBetweenButtons = 10;
for (UIButton *button in self.subviews)
{
if ([button isKindOfClass:[UIButton class]])
{
button.frame = CGRectMake(x, y, buttonWidth, buttonHeight);
x+=buttonWidth+spaceBetweenButtons;
if (x + buttonWidth > self.frame.size.width)
{
x = 0;
y += spaceBetweenButtons+ buttonHeight;
}
}
}
self.contentSize = CGPointMake(0, y);
}
- (void)rearrange
{
[UIView animateWithDuration:0.2 animations:^{
[self setNeedsLayout];
}];
}
于 2013-07-08T10:18:22.373 回答
0
查看这些示例代码,
https://github.com/gmoledina/GMGridView
http://mobile.tutsplus.com/tutorials/iphone/uicollectionview-layouts/
希望这些示例代码满足您的需求..
于 2013-07-08T10:31:57.917 回答