এমকেএনোটেশনভিউয়ের জন্য কলআউট বুদবুদ কীভাবে কাস্টমাইজ করবেন?

Question 1

আমি বর্তমানে ম্যাপকিট নিয়ে কাজ করছি এবং আটকে আছি।

আমি যে কাস্টম টীকাটি ব্যবহার করছি তা আমি ব্যবহার করছি এবং আমি নিজের আইকন দিয়ে মানচিত্রটিতে পয়েন্টটি প্রদর্শন করতে ইমেজ সম্পত্তিটি ব্যবহার করতে চাই। আমার এই কাজ ঠিক আছে। তবে আমি যা করতে চাই তা হ'ল ডিফল্ট কলআউট ভিউটি (টীকাটি আইকনটি স্পর্শ করা হলে শিরোনাম / উপশিরোনাম সহ প্রদর্শিত বুদ্বুদ) over আমি নিজেই কলআউটটি নিয়ন্ত্রণ করতে সক্ষম হতে চাই: মানচিত্রটি কেবল বাম এবং ডান সহায়ক কলআউট ভিউগুলিতে অ্যাক্সেস সরবরাহ করে, তবে কলআউট বুদ্বুদটির জন্য কাস্টম ভিউ সরবরাহ করার বা এটিকে শূন্য আকার বা অন্য কিছু দেওয়ার কোনও উপায় নেই।

আমার ধারণাটি ছিল আমার মধ্যে সিলেক্ট অ্যানোটেশন / অনির্দিষ্টকেন্দ্রিকরণকে ওভাররাইড করা MKMapViewDelegateএবং তারপরে আমার কাস্টম টীকাগুলি ভিউতে একটি কল করে আমার নিজস্ব কাস্টম ভিউ আঁকুন। এটি কাজ করে, তবে কেবল তখনই আমার কাস্টম টিকা দেখুন শ্রেণিতে canShowCalloutসেট করা YESহয়। আমার কাছে এই সেটটি থাকলে এই পদ্ধতিগুলি কল করা হয় না NO(যা আমি চাই, যাতে ডিফল্ট কলআউট বুদ্বুদ আঁকেনি)। সুতরাং ব্যবহারকারী আমার মানচিত্রে আমার বিন্দুটি স্পর্শ করেছেন কিনা তা জানার কোনও উপায় নেই (এটি নির্বাচিত) বা কোনও বিন্দু স্পর্শ করেছে যা আমার টীকাগুলির দর্শনের অংশ নয় (এটি অপছন্দ করেছে) ডিফল্ট কলআউট বুদ্বুদ ভিউ প্রদর্শিত না হয়ে।

আমি আলাদা পথে যাওয়ার চেষ্টা করেছি এবং মানচিত্রে সমস্ত স্পর্শ ইভেন্টগুলি নিজেই পরিচালনা করেছি এবং আমি এই কাজটি করবো বলে মনে হচ্ছে না। আমি মানচিত্রের দৃশ্যে স্পর্শ ইভেন্টগুলি ধরার সাথে সম্পর্কিত অন্যান্য পোস্টগুলি পড়েছি, তবে সেগুলি ঠিক আমার মতো নয়। অঙ্কনের আগে কলআউট বুদ্বুদ অপসারণ করার জন্য মানচিত্রের দৃশ্যে খননের কোনও উপায় আছে কি? আমি ক্ষতিতে আছি

কোনও পরামর্শ? আমি কি স্পষ্ট কিছু মিস করছি?

Question 2

এর থেকেও সহজ সমাধান রয়েছে।

একটি কাস্টম তৈরি করুন UIView(আপনার কলআউটটির জন্য)।

তারপরে একটি সাবক্লাস তৈরি করুন MKAnnotationViewএবং নীচে ওভাররাইড করুন setSelected:

- (void)setSelected:(BOOL)selected animated:(BOOL)animated
{
    [super setSelected:selected animated:animated];

    if(selected)
    {
        //Add your custom view to self...
    }
    else
    {
        //Remove your custom view...
    }
}

বুম, কাজ শেষ।

Question 3

বিশদক্যালআউটএকসেসরিভিউ

পুরানো দিনগুলিতে এটি একটি ব্যথা ছিল তবে অ্যাপল এটি সমাধান করেছে, কেবল এমকেএনোটেশনভিউতে ডক্স পরীক্ষা করুন

view = MKPinAnnotationView(annotation: annotation, reuseIdentifier: identifier)
view.canShowCallout = true
view.detailCalloutAccessoryView = UIImageView(image: UIImage(named: "zebra"))

সত্যিই, এটি। যে কোনও ইউআইভিউ নেয়।

Question 4

@ ট্যাপক্যান্ডির জমকালো সহজ উত্তর থেকে অবিরত, আপনি যদি নিজের বুদ্বুদকে ডিফল্ট হিসাবে একইভাবে প্রাণবন্ত করতে চান তবে আমি এই অ্যানিমেশন পদ্ধতিটি তৈরি করেছি:

- (void)animateIn
{   
    float myBubbleWidth = 247;
    float myBubbleHeight = 59;

    calloutView.frame = CGRectMake(-myBubbleWidth*0.005+8, -myBubbleHeight*0.01-2, myBubbleWidth*0.01, myBubbleHeight*0.01);
    [self addSubview:calloutView];

    [UIView animateWithDuration:0.12 delay:0.0 options:UIViewAnimationOptionCurveEaseOut animations:^(void) {
        calloutView.frame = CGRectMake(-myBubbleWidth*0.55+8, -myBubbleHeight*1.1-2, myBubbleWidth*1.1, myBubbleHeight*1.1);
    } completion:^(BOOL finished) {
        [UIView animateWithDuration:0.1 animations:^(void) {
            calloutView.frame = CGRectMake(-myBubbleWidth*0.475+8, -myBubbleHeight*0.95-2, myBubbleWidth*0.95, myBubbleHeight*0.95);
        } completion:^(BOOL finished) {
            [UIView animateWithDuration:0.075 animations:^(void) {
                calloutView.frame = CGRectMake(-round(myBubbleWidth/2-8), -myBubbleHeight-2, myBubbleWidth, myBubbleHeight);
            }];
        }];
    }];
}

এটা তোলে মোটামুটি জটিল দেখায়, কিন্তু যতদিন আপনার কলআউট বুদ্বুদ বিন্দু কেন্দ্রে-নীচে ডিজাইন করা হয়েছে, আপনি শুধু প্রতিস্থাপন করতে সক্ষম হওয়া উচিত myBubbleWidthএবং myBubbleHeightকাজ করার জন্য এটি জন্য আপনার নিজের আকার সঙ্গে। এবং মনে রাখবেন যে আপনার সাবভিউগুলিতে তাদের autoResizeMaskসম্পত্তিটি 63 এ সেট করা আছে (যেমন "সমস্ত") যাতে তারা অ্যানিমেশনে সঠিকভাবে স্কেল করে।

: -জয়

Question 5

এটি আমার জন্য সেরা সমাধান হিসাবে পাওয়া গেছে। আপনার নিজস্ব কাস্টমাইজেশন করতে আপনাকে কিছু সৃজনশীলতা ব্যবহার করতে হবে

আপনার MKAnnotationViewসাবক্লাসে, আপনি ব্যবহার করতে পারেন

- (void)didAddSubview:(UIView *)subview{
    int image = 0;
    int labelcount = 0;
    if ([[[subview class] description] isEqualToString:@"UICalloutView"]) {
        for (UIView *subsubView in subview.subviews) {
            if ([subsubView class] == [UIImageView class]) {
                UIImageView *imageView = ((UIImageView *)subsubView);
                switch (image) {
                    case 0:
                        [imageView setImage:[UIImage imageNamed:@"map_left"]];
                        break;
                    case 1:
                        [imageView setImage:[UIImage imageNamed:@"map_right"]];
                        break;
                    case 3:
                        [imageView setImage:[UIImage imageNamed:@"map_arrow"]];
                        break;
                    default:
                        [imageView setImage:[UIImage imageNamed:@"map_mid"]];
                        break;
                }
                image++;
            }else if ([subsubView class] == [UILabel class]) {
                UILabel *labelView = ((UILabel *)subsubView);
                switch (labelcount) {
                    case 0:
                        labelView.textColor = [UIColor blackColor];
                        break;
                    case 1:
                        labelView.textColor = [UIColor lightGrayColor];
                        break;

                    default:
                        break;
                }
                labelView.shadowOffset = CGSizeMake(0, 0);
                [labelView sizeToFit];
                labelcount++;
            }
        }
    }
}

এবং যদি এটি subviewহয় UICalloutViewতবে আপনি এটির সাথে এবং এর ভিতরে কী আছে তা ঘুরিয়ে নিতে পারেন।

Question 6

আমারও একই সমস্যা ছিল। এই বিষয়টিতে ব্লগ পোস্টগুলির একটি গুরুতর বিষয় রয়েছে এই ব্লগে http://spitzkoff.com/craig/?p=81 ।

এখানে কেবল আপনাকে ব্যবহার MKMapViewDelegateকরে না এবং সাবক্লাসিং করে MKMapViewএবং বিদ্যমান কার্যকারিতা প্রসারিত করার চেষ্টা করাও আমার পক্ষে কার্যকর হয়নি।

আমি যেটা শেষ করেছিলাম তা হ'ল আমার নিজের তৈরি করা যা আমার নিজের CustomCalloutViewউপর রয়েছে MKMapView। আপনি যেভাবে চান এই দর্শনটিকে স্টাইল করতে পারেন।

আমার CustomCalloutViewএইর মতো একটি পদ্ধতি রয়েছে:


- (void) openForAnnotation: (id)anAnnotation
{
    self.annotation = anAnnotation;
    // remove from view
    [self removeFromSuperview];

    titleLabel.text = self.annotation.title;

    [self updateSubviews];
    [self updateSpeechBubble];

    [self.mapView addSubview: self];
}

এটি একটি MKAnnotationঅবজেক্ট নেয় এবং তার নিজস্ব শিরোনাম সেট করে, এরপরে এটি দুটি আরও পদ্ধতি বলে যেগুলি বেশ কুরুচিপূর্ণ যা কলআউট সামগ্রীর প্রস্থ এবং আকারকে সামঞ্জস্য করে এবং তারপরে স্পিচ বুদ্বুদকে সঠিক অবস্থানে আঁকেন।

অবশেষে দৃশ্যটি মানচিত্রের ভিউতে একটি সংক্ষিপ্তসার হিসাবে যুক্ত করা হয়েছে। এই সমাধানটির সমস্যাটি হ'ল মানচিত্রের ভিউ স্ক্রোল করা অবস্থায় কলআউটটি সঠিক অবস্থানে রাখা শক্ত। এই সমস্যাটি সমাধানের জন্য আমি কোনও অঞ্চল পরিবর্তনের জন্য মানচিত্রের দালালি পদ্ধতিতে কলআউটটি আড়াল করছি।

এই সমস্ত সমস্যাগুলি সমাধান করতে কিছুটা সময় নিয়েছিল, কিন্তু এখন কলআউটটি প্রায়শই সরকারীটির মতো আচরণ করে তবে এটি আমার নিজস্ব স্টাইলে রয়েছে।

Question 7

মূলত এটির সমাধানের জন্য, আমাদের এগুলির একটি দরকার: ক) ডিফল্ট কলআউট বুদ্বুদটিকে আগত থেকে আটকাতে। খ) কোন টিকাটি ক্লিক করা হয়েছিল তা নির্ধারণ করুন।

আমি এগুলি অর্জন করতে সক্ষম হয়েছি: ক) শ্যানক্যালআউটটি কোনওটিতে সেট করে না খ) সাবক্লাসিং, এমকেপিনএন্টোটেশনভিউ এবং স্পর্শবেগান এবং স্পর্শএন্ড পদ্ধতিগুলিকে ওভাররাইড করে।

দ্রষ্টব্য: আপনাকে এমকেএনোটেশনভিউয়ের জন্য টাচ ইভেন্টগুলি পরিচালনা করতে হবে এবং এমকেম্যাপভিউ নয়

Question 8

আমি কেবল একটি পদ্ধতির সাথে হাজির, এখানে ধারণাটি is

  // Detect the touch point of the AnnotationView ( i mean the red or green pin )
  // Based on that draw a UIView and add it to subview.
- (void)mapView:(MKMapView *)mapView regionWillChangeAnimated:(BOOL)animated
{
    CGPoint newPoint = [self.mapView convertCoordinate:selectedCoordinate toPointToView:self.view];
//    NSLog(@"regionWillChangeAnimated newPoint %f,%f",newPoint.x,newPoint.y);
    [testview  setCenter:CGPointMake(newPoint.x+5,newPoint.y-((testview.frame.size.height/2)+35))];
    [testview setHidden:YES];
}

- (void)mapView:(MKMapView *)mapView regionDidChangeAnimated:(BOOL)animated
{
    CGPoint newPoint = [self.mapView convertCoordinate:selectedCoordinate toPointToView:self.view];
//    NSLog(@"regionDidChangeAnimated newPoint %f,%f",newPoint.x,newPoint.y);
    [testview  setCenter:CGPointMake(newPoint.x,newPoint.y-((testview.frame.size.height/2)+35))];
    [testview setHidden:NO];
}

- (void)mapView:(MKMapView *)mapView didSelectAnnotationView:(MKAnnotationView *)view 
{  
    NSLog(@"Select");
    showCallout = YES;
    CGPoint point = [self.mapView convertPoint:view.frame.origin fromView:view.superview];
    [testview setHidden:NO];
    [testview  setCenter:CGPointMake(point.x+5,point.y-(testview.frame.size.height/2))];
    selectedCoordinate = view.annotation.coordinate;
    [self animateIn];
}

- (void)mapView:(MKMapView *)mapView didDeselectAnnotationView:(MKAnnotationView *)view 
{
    NSLog(@"deSelect");
    if(!showCallout)
    {
        [testview setHidden:YES];
    }
}

এখানে - টেস্টভিউ হ'ল UIViewআকারের 320x100 - শোক্যালআউটটি হল BOOL - [self animateIn];এমন ফাংশন যা অ্যানিমেশন পছন্দ করে UIAlertView।

Question 9

আপনি "" "এ টীকা নির্ধারণ করে টেক্সট সেট করে বামক্যালআউটভিউ ব্যবহার করতে পারেন"

উদাহরণ কোডের নীচে দয়া করে সন্ধান করুন:

pinView = (MKPinAnnotationView *)[mapView dequeueReusableAnnotationViewWithIdentifier:defaultPinID];
if(pinView == nil){
    pinView = [[[MKPinAnnotationView alloc] initWithAnnotation:annotation reuseIdentifier:defaultPinID] autorelease];       
}
CGSize sizeText = [annotation.title sizeWithFont:[UIFont fontWithName:@"HelveticaNeue" size:12] constrainedToSize:CGSizeMake(150, CGRectGetHeight(pinView.frame))                                 lineBreakMode:UILineBreakModeTailTruncation];
pinView.canShowCallout = YES;    
UILabel *lblTitolo = [[UILabel alloc] initWithFrame:CGRectMake(2,2,150,sizeText.height)];
lblTitolo.text = [NSString stringWithString:ann.title];
lblTitolo.font = [UIFont fontWithName:@"HelveticaNeue" size:12];
lblTitolo.lineBreakMode = UILineBreakModeTailTruncation;
lblTitolo.numberOfLines = 0;
pinView.leftCalloutAccessoryView = lblTitolo;
[lblTitolo release];
annotation.title = @" ";

Question 10

আমি আমার দুর্দান্ত এসএমক্যালআউটভিউয়ের কাঁটাচামচ ফেলেছি যা কলআউটগুলির জন্য একটি কাস্টম ভিউ সরবরাহ করে এবং নমনীয় প্রস্থ / উচ্চতাগুলিকে বেশ বেদনা ছাড়াই অনুমতি দেয়। এখনও কাজ করতে কিছু quirks, কিন্তু এটি এখনও পর্যন্ত কার্যকরী:

https://github.com/u10int/calloutview