Penyelesaian pengaturcara adalah untuk mencipta pandangan segi empat sama; warna latar belakang adalah sama dengan warna bingkai utama. Kemudian; putar pandangan segi empat sama ini 90 darjah. Tambah ke kotak utama. Hanya nyatakan lokasi. Iaitu, gaya ini terdiri daripada dua pandangan.

Buat imej gelembung, dan kemudian letakkan tableView di dalamnya Selepas menetapkan kekangan tetap dan menghiris imej, bolehkah anda mencuba ini? ?

Anda boleh melukis satu, yang menjimatkan sumber pemotongan, lebih cekap dan mudah digunakan semula.

- (UIView *)arrowView{
    if (!_arrowView) {
        // draw
        CGSize size = CGSizeMake(kDefaultArrowWeight, kDefaultArrowHeight);
        UIBezierPath *path = [[UIBezierPath alloc] init];
        [path moveToPoint:CGPointMake(size.width / 2.0, 0)];
        [path addLineToPoint:CGPointMake(0, size.height)];
        [path addLineToPoint:CGPointMake(size.width, size.height)];
        path.lineWidth = 1.0;
        
        CAShapeLayer *arrowLayer = [CAShapeLayer layer];
        arrowLayer.path = path.CGPath;
        
        _arrowView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, size.width, size.height)];
        _arrowView.layer.mask = arrowLayer;
        _arrowView.backgroundColor = self.contentViewBackgroundColor;
    }
    return _arrowView;
}

Pandangan imej segi tiga dilampirkan pada UIView dan paparan jadual dilampirkan padanya. Tidak ada masalah dengan menatal seperti ini, dan tidak ada masalah jika anda ingin melaraskan kedudukan imageView.

HTML:

<p class="test_triangle_border">
    <a href="#">三角形</a>
    <p class="popup">
        <span><em></em></span>测试
    </p>
</p>

CSS:

.test_triangle_border{
    width:200px;
    margin:0 auto 20px;
    position:relative;
}
.test_triangle_border a{
    color:#333;
    font-weight:bold;
    text-decoration:none;
}
.test_triangle_border .popup{
    width:100px;
    background:#cf0;
    padding:10px 20px;
    color:#333;
    border-radius:4px;
    position:absolute;
    top:30px;
    left:30px;
    border:1px solid #333;
}
.test_triangle_border .popup span{
    display:block;
    width:0;
    height:0;
    border-width:0 10px 10px;
    border-style:solid;
    border-color:transparent transparent #333;
    position:absolute;
    top:-10px;
    left:50%;/* 三角形居中显示 */
    margin-left:-10px;/* 三角形居中显示 */
}
.test_triangle_border .popup em{
    display:block;
    width:0;
    height:0;
    border-width:0 10px 10px;
    border-style:solid;
    border-color:transparent transparent #cf0;
    position:absolute;
    top:1px;
    left:-10px;
}

Ini satu lagi jawapan yang saya berikan, sila ubah mengikut keperluan anda

Ini adalah kawalan, eksklusif untuk iPad Ia dipanggil UIPoverController.

Jika iOS8, anda boleh menggunakan UIPoverPresentationController

Artis memerlukan penyelesaian gambar