篮球世界杯赌球:iOS实现头像选取(照相或者图

2019-12-01 15:29 来源:未知
//弹出actionsheet。选择获取头像的方式



//从相册获取图片
-(void)takePictureClick:(UIButton *)sender
{
//    /*注:使用,需要实现以下协议:UIImagePickerControllerDelegate,
//     UINavigationControllerDelegate
//     */
//    UIImagePickerController *picker = [[UIImagePickerController alloc]init];
//    //设置图片源(相簿)
//    picker.sourceType = UIImagePickerControllerSourceTypeSavedPhotosAlbum;
//    //设置代理
//    picker.delegate = self;
//    //设置可以编辑
//    picker.allowsEditing = YES;
//    //打开拾取器界面
//    [self presentViewController:picker animated:YES completion:nil];
    UIActionSheet* actionSheet = [[UIActionSheet alloc]
                                  initWithTitle:@"请选择文件来源"
                                  delegate:self
                                  cancelButtonTitle:@"取消"
                                  destructiveButtonTitle:nil
                                  otherButtonTitles:@"照相机",@"摄像机",@"本地相簿",@"本地视频",nil];
    [actionSheet showInView:self.view];

}
#pragma mark -
#pragma UIActionSheet Delegate
- (void)actionSheet:(UIActionSheet *)actionSheet clickedButtonAtIndex:(NSInteger)buttonIndex
{
    NSLog(@"buttonIndex = [%d]",buttonIndex);
    switch (buttonIndex) {
        case 0://照相机
        {
            UIImagePickerController *imagePicker = [[UIImagePickerController alloc] init];
            imagePicker.delegate = self;
            imagePicker.allowsEditing = YES;
            imagePicker.sourceType = UIImagePickerControllerSourceTypeCamera;
//            [self presentModalViewController:imagePicker animated:YES];
            [self presentViewController:imagePicker animated:YES completion:nil];
        }
            break;
        case 1://摄像机
        {
            UIImagePickerController *imagePicker = [[UIImagePickerController alloc] init];
            imagePicker.delegate = self;
            imagePicker.allowsEditing = YES;
            imagePicker.sourceType = UIImagePickerControllerSourceTypeCamera;
            imagePicker.videoQuality = UIImagePickerControllerQualityTypeLow;
//            [self presentModalViewController:imagePicker animated:YES];
            [self presentViewController:imagePicker animated:YES completion:nil];
        }
            break;
        case 2://本地相簿
        {
            UIImagePickerController *imagePicker = [[UIImagePickerController alloc] init];
            imagePicker.delegate = self;
            imagePicker.allowsEditing = YES;
            imagePicker.sourceType = UIImagePickerControllerSourceTypePhotoLibrary;
//            [self presentModalViewController:imagePicker animated:YES];
            [self presentViewController:imagePicker animated:YES completion:nil];
        }
            break;
        case 3://本地视频
        {
            UIImagePickerController *imagePicker = [[UIImagePickerController alloc] init];
            imagePicker.delegate = self;
            imagePicker.allowsEditing = YES;
            imagePicker.sourceType = UIImagePickerControllerSourceTypePhotoLibrary;
//            [self presentModalViewController:imagePicker animated:YES];
            [self presentViewController:imagePicker animated:YES completion:nil];
        }
            break;
        default:
            break;
    }
}

#pragma mark -
#pragma UIImagePickerController Delegate
- (void)imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary *)info
{
    if ([[info objectForKey:UIImagePickerControllerMediaType] isEqualToString:(__bridge NSString *)kUTTypeImage]) {
        UIImage *img = [info objectForKey:UIImagePickerControllerEditedImage];
        [self performSelector:@selector(saveImage:)  withObject:img afterDelay:0.5];
    }
    else if ([[info objectForKey:UIImagePickerControllerMediaType] isEqualToString:(__bridge NSString *)kUTTypeMovie]) {
        NSString *videoPath = [[info objectForKey:UIImagePickerControllerMediaURL] path];
        self.fileData = [NSData dataWithContentsOfFile:videoPath];
    }
//    [picker dismissModalViewControllerAnimated:YES];
    [picker dismissViewControllerAnimated:YES completion:nil];
}

- (void)imagePickerControllerDidCancel:(UIImagePickerController *)picker
{
//    [picker dismissModalViewControllerAnimated:YES];
        [picker dismissViewControllerAnimated:YES completion:nil];
}

- (void)saveImage:(UIImage *)image {
    //    NSLog(@"保存头像!");
    //    [userPhotoButton setImage:image forState:UIControlStateNormal];
    BOOL success;
    NSFileManager *fileManager = [NSFileManager defaultManager];
    NSError *error;

    NSArray *paths = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES);
    NSString *documentsDirectory = [paths objectAtIndex:0];
    NSString *imageFilePath = [documentsDirectory stringByAppendingPathComponent:@"selfPhoto.jpg"];
    NSLog(@"imageFile->>%@",imageFilePath);
    success = [fileManager fileExistsAtPath:imageFilePath];
    if(success) {
        success = [fileManager removeItemAtPath:imageFilePath error:&error];
    }
//    UIImage *smallImage=[self scaleFromImage:image toSize:CGSizeMake(80.0f, 80.0f)];//将图片尺寸改为80*80
    UIImage *smallImage = [self thumbnailWithImageWithoutScale:image size:CGSizeMake(93, 93)];
    [UIImageJPEGRepresentation(smallImage, 1.0f) writeToFile:imageFilePath atomically:YES];//写入文件
    UIImage *selfPhoto = [UIImage imageWithContentsOfFile:imageFilePath];//读取图片文件
//    [userPhotoButton setImage:selfPhoto forState:UIControlStateNormal];
    self.img.image = selfPhoto;
}

// 改变图像的尺寸,方便上传服务器
- (UIImage *) scaleFromImage: (UIImage *) image toSize: (CGSize) size
{
    UIGraphicsBeginImageContext(size);
    [image drawInRect:CGRectMake(0, 0, size.width, size.height)];
    UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return newImage;
}

PictureCarousel

篮球世界杯赌球 1

License

先上效果图:

篮球世界杯赌球 2

效果图.gif

可以看到,我们实现了一个简易的图片轮播器。下面我们从设计到实现一步一步来实现这个自定义的控件。
先给上地址https://github.com/Reoger/PictureCarousel,源代码。

 

使用

  1. 添加依赖。
    方法一:
    篮球世界杯赌球,maven依赖:

    <dependency>
      <groupId>com.hut.reoger.pictruecarousel</groupId>
      <artifactId>pictruecarousel</artifactId>
      <version>1.0</version>
      <type>pom</type>
    </dependency>
    

    方法二:
    gradle依赖:

    compile 'com.hut.reoger.pictruecarousel:pictruecarousel:1.0'
    

2.在需要的放置图片轮播的地方放置:、

  <com.hut.reoger.pictruecarousel.imageBanner
        android:id="@ id/ban"
        android:layout_width="match_parent"
        android:layout_height="170dp"
        app:time_interval="1000"
        />

其中的** app:time_interval="1000"** 数字代表的是自动轮播时的时间间隔。

  1. 在java代码中添加图片数据
 List<Bitmap> bitmaps = new ArrayList<>();
    private void initData() {
        for (int i = 0; i < id.length; i  ) {
            Bitmap bitmap = BitmapFactory.decodeResource(getResources(),id[i]);
            bitmaps.add(bitmap);
        }
        ban.addImageToImageBarnner(bitmaps);
/ ban = (imageBanner) findViewById(R.id.ban);
    }

如果需要添加监听事件:

 ban.setOnImageViewSelectClick(new imageBanner.OnImageViewSelectClick() {
            @Override
            public void OnClickListener(int position) {
                Toast.makeText(MainActivity.this,"hello" position,Toast.LENGTH_SHORT).show();
            }
        });

也可以通过实现添加imageBanner.OnImageViewSelectClick()接口,实现监听。

2.保持原始图片的长宽比,生成需要尺寸的图片

思路(1)

利用ViewPager来实现。利用ViewPager来实现图片轮播是比较简单的,如果有兴趣,可以参照我之前的博客利用ViewPager实现引导界面,可以很方便的实现一个图片轮播。但这个不是我们今天的重点。在此不多做介绍。

//2.保持原来的长宽比,生成一个缩略图
- (UIImage *)thumbnailWithImageWithoutScale:(UIImage *)image size:(CGSize)asize
{
    UIImage *newimage;
    if (nil == image) {
        newimage = nil;
    }
    else{
        CGSize oldsize = image.size;
        CGRect rect;
        if (asize.width/asize.height > oldsize.width/oldsize.height) {
            rect.size.width = asize.height*oldsize.width/oldsize.height;
            rect.size.height = asize.height;
            rect.origin.x = (asize.width - rect.size.width)/2;
            rect.origin.y = 0;
        }
        else{
            rect.size.width = asize.width;
            rect.size.height = asize.width*oldsize.height/oldsize.width;
            rect.origin.x = 0;
            rect.origin.y = (asize.height - rect.size.height)/2;
        }
        UIGraphicsBeginImageContext(asize);
        CGContextRef context = UIGraphicsGetCurrentContext();
        CGContextSetFillColorWithColor(context, [[UIColor clearColor] CGColor]);
        UIRectFill(CGRectMake(0, 0, asize.width, asize.height));//clear background
        [image drawInRect:rect];
        newimage = UIGraphicsGetImageFromCurrentImageContext();
        UIGraphicsEndImageContext();
    }
    return newimage;
}

思路(2)

直接自定义个控件,自己一步一步来实现。这个就是今天我们的重点。
首先来分析一下,我们要实现的效果应该怎么去做。

篮球世界杯赌球 3

效果图分析.png

从这个图我们可以看出来,轮播图主要由两部分组成,一部分用于显示图片,另一部分用于显示下面指示的小白点。看起来小白点是在图片的上面。这样,自然而然的我们就会想到用FrameLayout来实现这个效果,要实现的效果如下:

篮球世界杯赌球 4

效果预览图.png

通过FrameLayout将两个控件嵌套就可以很容易的实现。

整体思路有了,接下来就是一个一个来实现了。首先是显示图片的部分:很简单的思想就是直接用一个ScrollView来包装图片,通过一个横向的ScrollView就可以比较简单的实现显示多张图片。但是这里,我们采用自定义View的方法,具体的思路就是:
在初始化view的时候,先测量出图片的总长度,然后以图片的总长度定义为自定义vie的长度:

篮球世界杯赌球 5

Paste_Image.png

实现滑动效果的话,也很简单。实现思路如下:首先拦截在本控件上的点击事件,当检测到手指移动的时候,自定义view按照手移动的位置进行移动,注意,这里我们需要给当前图片一个索引值,当手指移动的距离没有一张图片的时候,我们需要计算出来我们具体需要移动的偏移量,在手指抬起的时候,就需要将图片移动到偏移量的位置,否则会导致显示两张不全的图片。在检测到后面没有图片的时候,我们需要将偏移量设置为0;

实现自动轮播,我们只需要借助一个定时器即可实现。每隔多长时间我们就模拟一次手指的滑动即可。定义器我们可以借助Timer类来实现。

对了,我们还需要在图片上添加点击事件,我们可以通过在这个view类中添加一个接口,当判断手指在图片上有点击事件的时候(点击事件的判断:当手机按下时,设置一个变量为ture,移动时就将该变量设置为false,到手指抬起的时候,如果该变量还是为true的话,即可以判断是点击事件)我们手动调用我们在该类中的接口(注意要传入图片的索引值,否则无法判断是哪一张图片的点击事件)。如果需要点击事件的话,我们可以直接同Button控件一张为我们写的控件添加点击事件了。

到次,显示图片的控件就差不多了,接下来就是实现下面的知识点。
首先,指示点的布局采用简单的LinearLayout即可,因为我们可以看到,他们明显就是在一个水平线上。然后,指示点的数据肯定同照片的数量一样多。最主要的是,我们需要用这些点来显示当前显示的图片,这一点其实也很简单就可以实现。在我们前面的图片控件中,我们有一个图片索引值,当图片发生改变的时候,索引值也改变。我们只需要将索引值传给指示点,让特殊显示当前的索引值即可。

整的来说,轮播图实现起来是比较简单的,但是还是需要一定的基础,通过造这么一个轮子,至少增加了自己对自定义View的理解和动手能力。
造轮子之路,还需坚持。

 

 

TAG标签:
版权声明:本文由美洲杯赌球发布于计算机教程,转载请注明出处:篮球世界杯赌球:iOS实现头像选取(照相或者图