Databases
StackOverflow2013
Postsdbo
POProblem when using UIImageView's or UIButton's inside a UIScrollView
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POProblem when using UIImageView's or UIButton's inside a UIScrollView
    primarykey
    data
    text
    <p>I'm using a UIScrollView to hold a varying number of images sized at 80x80, and when a user taps one I want it to launch into a modal view showing it fullscreen etc. The problem I'm having is detecting touches on the images inside the scrollview. I've tried two ways so far, but each one has an issue. I'm posting both ways but I only need an answer to one of them.</p> <p>I have an array of images and loop through it, this is the first method I tried using a UIImageView for each one:</p> <pre><code>for (i=0; i&lt;[imageArray count]; i++) { // get the image UIImage *theImage = [imageArray objectAtIndex:i]; // figure out the size for scaled down version float aspectRatio = maxImageHeight / theImage.size.height; float thumbWidth = theImage.size.width * aspectRatio; float thumbHeight = maxImageHeight; lastX = lastX+10; // Scale the image down UIImage *thisImage = [theImage imageByScalingProportionallyToSize:CGSizeMake(thumbWidth, thumbHeight)]; // Create an 80x80 UIImageView to hold the image, positioned 10px from edge of the previous one UIImageView *image = [[UIImageView alloc] initWithFrame:CGRectMake(lastX, 10, 80, 80)]; image.clipsToBounds = YES; image.contentMode = UIViewContentModeTopLeft; image.image = thisImage; image.userInteractionEnabled = YES; // add to the scroller [photoScroller addSubview:image]; // release [image release]; // set variables ready for the next one //lastWidth = thisImage.size.width; lastWidth = 80; // we're using square images so set to 80 rather than the width of the image lastX = lastX+lastWidth; } </code></pre> <p>The problem this causes is that after this loop I have to set userInteractionEnabled to NO on the UIScrollView so I can override touchesBegan and detect touches, but doing this of course disables scrolling so the user can only see the first 6 images or so.</p> <p>Is there a way I can re-enable scrolling so to speak? photoScroller.scrollEnabled = YES; has no effect since user interaction has been disabled.</p> <p>...</p> <p>The second way I tried was using a UIButton for each image, the code for the loop in this case is as follows:</p> <pre><code>for (i=0; i&lt;[imageArray count]; i++) { // get the image UIImage *theImage = [imageArray objectAtIndex:i]; // figure out the size for scaled down version float aspectRatio = maxImageHeight / theImage.size.height; float thumbWidth = theImage.size.width * aspectRatio; float thumbHeight = maxImageHeight; lastX = lastX+10; // Scale the image down UIImage *thisImage = [theImage imageByScalingProportionallyToSize:CGSizeMake(thumbWidth, thumbHeight)]; // Create an 80x80 UIButton to hold the image, positioned 10px from the edge of the previous one UIButton *button = [[UIButton alloc] initWithFrame:CGRectMake(lastX, 10, 80, 80)]; button.clipsToBounds = YES; button.contentMode = UIViewContentModeTopLeft; [button setImage:thisImage forState:UIControlStateNormal]; [button setImage:thisImage forState:UIControlStateHighlighted]; [button addTarget:self action:@selector(tapImage:) forControlEvents:UIControlEventTouchUpInside]; // add to the scroller; [photoScroller addSubview:button]; // release [button release]; // set variables ready for the next one //lastWidth = thisImage.size.width; lastWidth = 80; // we're using square images so set to 80 rather than the width of the image lastX = lastX+lastWidth; } </code></pre> <p>Now this code works almost perfectly, the only problem is that the user can only scroll if they touch in whitespace.</p> <p>Is there a way I can make it so if a user is dragging on the UIButton it will still scroll the UIScrollView?</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USRedBlueThing
    1. USChrisJP
    plurals
    1. This table or related slice is empty.
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POProblem when using UIImageView's or UIButton's inside a UIScrollView
      1. USSteve
      1. VTFavorite
    2. VO
      singulars
      1. POProblem when using UIImageView's or UIButton's inside a UIScrollView
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POProblem when using UIImageView's or UIButton's inside a UIScrollView
      1. This table or related slice is empty.
      1. VTUpMod
    1. This table or related slice is empty.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload