我正在构建我的键盘扩展应用程序，并在用户点击按钮时添加了按键弹出动画。对内部图像它可以正常工作，但对于顶部行图像，弹出区域会因为裁剪子视图而隐藏。我尝试使用ClipToBound属性并将其设置为False，但仍然无法正常工作。有没有人有任何想法如何解决这个问题？在父视图上添加子视图也不起作用。
图像A显示正确的弹出，因为它在键盘框架内。图像B是错误的，因为弹出被裁剪在框架内。
图像A显示正确的弹出，因为它在键盘框架内。图像B是错误的，因为弹出被裁剪在框架内。
iOS 8：键盘扩展。添加键弹出框的问题。
8
- Muzammil
5
你是如何在键盘上添加弹出动画的？我认为这也可以在顶部键中实现，因为我看到许多键盘应用程序采用了类似的方法，他们能够调整键盘视图以容纳更多控件或选项，以适应自定义键盘。请查看此链接：https://dev59.com/vIHba4cB1Zd3GeqPYPdt#25675775 - jaytrixz
我正在按钮上方添加一个自定义绘制层，该层的形状与按钮相同且已被按下。 - Muzammil
你能在这里分享你的自定义绘制层代码吗：https://dev59.com/TlwY5IYBdhLWcg3w0KnL - jaytrixz
你好，你能分享一下你的弹出框形状吗？ - TomSawyer
请查看我的答案，我已经添加了弹出形状的代码。 - Muzammil
3个回答
5
我认为您不能在键盘视图之外显示任何内容，否则会自动被剪裁。
https://developer.apple.com/library/ios/documentation/General/Conceptual/ExtensibilityPG/Keyboard.html
- Ben
1
谢谢Ben。我尝试了许多可能的情况，但是无法使其工作，所以现在我放弃这个想法 :( - Muzammil
4
//寻找弹出形状的图片：
//我使用了一些常量来设置按钮的宽度等，您可以根据新键盘进行调整。
**#define _UPPER_WIDTH (52.0 * [[UIScreen mainScreen] scale])
**#define _LOWER_WIDTH (32.0 * [[UIScreen mainScreen] scale])
**#define _PAN_UPPER_RADIUS (7.0 * [[UIScreen mainScreen] scale])
**#define _PAN_LOWER_RADIUS (7.0 * [[UIScreen mainScreen] scale])
**#define _PAN_UPPDER_WIDTH (_UPPER_WIDTH-_PAN_UPPER_RADIUS*2)
**#define _PAN_UPPER_HEIGHT (61.0 * [[UIScreen mainScreen] scale])
**#define _PAN_LOWER_WIDTH (_LOWER_WIDTH-_PAN_LOWER_RADIUS*2)
**#define _PAN_LOWER_HEIGHT (30.0 * [[UIScreen mainScreen] scale])
**#define _PAN_UL_WIDTH ((_UPPER_WIDTH-_LOWER_WIDTH)/2)
**#define _PAN_MIDDLE_HEIGHT (11.0 * [[UIScreen mainScreen] scale])
**#define _PAN_CURVE_SIZE (7.0 * [[UIScreen mainScreen] scale])
**#define _PADDING_X (15 * [[UIScreen mainScreen] scale])
**#define _PADDING_Y (10 * [[UIScreen mainScreen] scale])
**#define _WIDTH (_UPPER_WIDTH + _PADDING_X*2)
**#define _HEIGHT (_PAN_UPPER_HEIGHT + _PAN_MIDDLE_HEIGHT + _PAN_LOWER_HEIGHT + _PADDING_Y*2)
**#define _OFFSET_X -25 * [[UIScreen mainScreen] scale])
**#define _OFFSET_Y 59 * [[UIScreen mainScreen] scale])
- (UIImage *)createKeytopImageOfType:(ButtonType)type
{
CGMutablePathRef path = CGPathCreateMutable();
CGPoint p = CGPointMake(_PADDING_X, _PADDING_Y);
CGPoint p1 = CGPointZero;
CGPoint p2 = CGPointZero;
p.x += _PAN_UPPER_RADIUS;
CGPathMoveToPoint(path, NULL, p.x, p.y);
p.x += _PAN_UPPDER_WIDTH;
CGPathAddLineToPoint(path, NULL, p.x, p.y);
p.y += _PAN_UPPER_RADIUS;
CGPathAddArc(path, NULL,
p.x, p.y,
_PAN_UPPER_RADIUS,
3.0*M_PI/2.0,
4.0*M_PI/2.0,
false);
p.x += _PAN_UPPER_RADIUS;
p.y += _PAN_UPPER_HEIGHT - _PAN_UPPER_RADIUS - _PAN_CURVE_SIZE;
CGPathAddLineToPoint(path, NULL, p.x, p.y);
p1 = CGPointMake(p.x, p.y + _PAN_CURVE_SIZE);
switch (type)
{
case LeftButton:
p.x -= _PAN_UL_WIDTH*2;
break;
case InnerButton:
p.x -= _PAN_UL_WIDTH;
break;
case RightButton:
break;
}
p.y += _PAN_MIDDLE_HEIGHT + _PAN_CURVE_SIZE*2;
p2 = CGPointMake(p.x, p.y - _PAN_CURVE_SIZE);
CGPathAddCurveToPoint(path, NULL,
p1.x, p1.y,
p2.x, p2.y,
p.x, p.y);
p.y += _PAN_LOWER_HEIGHT - _PAN_CURVE_SIZE - _PAN_LOWER_RADIUS;
CGPathAddLineToPoint(path, NULL, p.x, p.y);
p.x -= _PAN_LOWER_RADIUS;
CGPathAddArc(path, NULL,
p.x, p.y,
_PAN_LOWER_RADIUS,
4.0*M_PI/2.0,
1.0*M_PI/2.0,
false);
p.x -= _PAN_LOWER_WIDTH;
p.y += _PAN_LOWER_RADIUS;
CGPathAddLineToPoint(path, NULL, p.x, p.y);
p.y -= _PAN_LOWER_RADIUS;
CGPathAddArc(path, NULL,
p.x, p.y,
_PAN_LOWER_RADIUS,
1.0*M_PI/2.0,
2.0*M_PI/2.0,
false);
p.x -= _PAN_LOWER_RADIUS;
p.y -= _PAN_LOWER_HEIGHT - _PAN_LOWER_RADIUS - _PAN_CURVE_SIZE;
CGPathAddLineToPoint(path, NULL, p.x, p.y);
p1 = CGPointMake(p.x, p.y - _PAN_CURVE_SIZE);
switch (kind) {
case PKNumberPadViewImageLeft:
break;
case PKNumberPadViewImageInner:
p.x -= _PAN_UL_WIDTH;
break;
case PKNumberPadViewImageRight:
p.x -= _PAN_UL_WIDTH*2;
break;
}
p.y -= _PAN_MIDDLE_HEIGHT + _PAN_CURVE_SIZE*2;
p2 = CGPointMake(p.x, p.y + _PAN_CURVE_SIZE);
CGPathAddCurveToPoint(path, NULL,
p1.x, p1.y,
p2.x, p2.y,
p.x, p.y);
p.y -= _PAN_UPPER_HEIGHT - _PAN_UPPER_RADIUS - _PAN_CURVE_SIZE;
CGPathAddLineToPoint(path, NULL, p.x, p.y);
p.x += _PAN_UPPER_RADIUS;
CGPathAddArc(path, NULL,
p.x, p.y,
_PAN_UPPER_RADIUS,
2.0*M_PI/2.0,
3.0*M_PI/2.0,
false);
//----
CGContextRef context;
UIGraphicsBeginImageContext(CGSizeMake(_WIDTH,
_HEIGHT));
context = UIGraphicsGetCurrentContext();
CGContextTranslateCTM(context, 0.0, _HEIGHT);
CGContextScaleCTM(context, 1.0, -1.0);
CGContextAddPath(context, path);
CGContextClip(context);
//----
// draw gradient
CGColorSpaceRef colorSpaceRef = CGColorSpaceCreateDeviceGray();
CGFloat components[] = {
0.95f, 1.0f,
0.85f, 1.0f,
0.675f, 1.0f,
0.8f, 1.0f};
size_t count = sizeof(components)/ (sizeof(CGFloat)* 2);
CGRect frame = CGPathGetBoundingBox(path);
CGPoint startPoint = frame.origin;
CGPoint endPoint = frame.origin;
endPoint.y = frame.origin.y + frame.size.height;
CGGradientRef gradientRef =
CGGradientCreateWithColorComponents(colorSpaceRef, components, NULL, count);
CGContextDrawLinearGradient(context,
gradientRef,
startPoint,
endPoint,
kCGGradientDrawsAfterEndLocation);
CGGradientRelease(gradientRef);
CGColorSpaceRelease(colorSpaceRef);
CGImageRef imageRef = CGBitmapContextCreateImage(context);
UIImage * image = [UIImage imageWithCGImage:imageRef scale:[[UIScreen mainScreen] scale] orientation:UIImageOrientationDown];
CGImageRelease(imageRef);
UIGraphicsEndImageContext();
CFRelease(path);
return image;
}
- Muzammil
7
1非常感谢您，Muzammil先生！ :) - jaytrixz
这里的ButtonType是什么？像LeftButton、InnerButton等。它们是什么？我似乎无法联系起来 :( - sudoExclaimationExclaimation
@PranoyC：左、右和内部按钮的形状是不同的。因此，我们也必须定义它们。 - Muzammil
@Muzammil 谢谢！非常有帮助。 - iOS Dev
为什么要进行缩放，如果我们设置了固定的宽度/高度...这意味着键将不匹配相应的键宽度/高度，因为这些尺寸会根据屏幕大小而变化。 - VDog
显示剩余2条评论
1
@Ben是正确的，您不允许在键盘窗口之外显示任何内容。
如果您检查视图层次结构，您会发现持有键盘扩展的UIWindow并没有延伸到键盘以上，因此即使您在整个视图层次结构中关闭了clipsToBounds，您仍然无法在窗口之外显示。
- progrmr
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接