iOS - Trình tạo giao diện: Tiêu đề UIButton biến mất khi thiết lập hình ảnh

Question

Tôi đã thực hiện một dự án trước đây nơi tôi đặt UIButton để có cả văn bản và hình ảnh (trong trình tạo giao diện).

Tôi đã tạo một dự án khác và tôi muốn đạt được điều tương tự, nhưng khi tôi đặt nút để có hình ảnh, tiêu đề biến mất (nó không bị ẩn đằng sau hình ảnh).

Tôi dường như không thể tìm ra lý do tại sao điều này là như vậy nếu có ai đó có thể làm sáng tỏ chủ đề này tôi rất cảm kích!

Cảm ơn.

Answer 1

Thay đổi nút của bạn thành loại tùy chỉnh. Đặt hình ảnh vào sau đó đặt văn bản vào.

Bạn sẽ cần phải đặt nền của riêng bạn trên đó, nhưng tại thời điểm đó bạn sẽ có thể sử dụng các cài đặt cạnh để định vị cả văn bản và hình ảnh.

Mọi nút mà tôi có với hình ảnh và văn bản đều được đặt thành tùy chỉnh và cuối cùng cũng có hình ảnh bg của riêng nó.

Ồ, một điều khác tôi sử dụng. Là cornerRadius. Để cung cấp cho xem các hiệu ứng tròn như các nút có theo mặc định.

saveButton.layer.cornerRadius = roundingNumber.floatValue; 

Bên cạnh đó bạn sẽ có thể sử dụng borderWidth và borderColor kết hợp với cornerRadius để có được một nút trông khá giống với nút gốc

saveButton.layer.borderRadius = 1.0f; 
saveButton.layer.borderColor = [[UIColor blueColor] CGColor]; 
// These are not the exact values (or maybe they are) but you get the idea. 

hy vọng rằng sẽ giúp.

Correction

Sau Dành một ít thời gian điều tra, dường như khi bạn đặt một hình ảnh trong nút. văn bản được đẩy ra bên phải.

Sử dụng cài đặt cạnh để đưa nó trở lại hình ảnh.

Với nút chọn, Nhìn vào "Thuộc tính Inspector"> Button> Cạnh> (Dropdown "Title")

equasion tôi đã đưa ra là

[Edge inset for Title] Left = -(imageWidth * 2) 

này nên Canh lề trái của bạn tiêu đề có hình ảnh mà bạn đã đặt.

Việc định vị tùy chỉnh sẽ cần phải được thực hiện để làm cho nó trông chính xác.

này có thể được thực hiện hoàn toàn trong Interface Builder và bạn có thể sử dụng RoundedRect nút phong cách

Dưới đây là một số hình ảnh chứng minh sự thay đổi.

Ở đây tôi đặt loại Nút thành "Tùy chỉnh" để xóa đường viền và nền.

Ở đây tôi đặt Top và Left trong tập Edge cho "Title" (Tiêu đề là một lựa chọn trong danh sách thả xuống)

EDIT

Mới nhất Xcode đã chuyển cài đặt kích thước sang vị trí mới

Answer 2

Có vẻ như bạn đang đặt hình ảnh cho nút chứ không phải hình nền để đảo ngược điều đó.

Answer 3

Chỉ cần đặt hình ảnh vào trường nền thay thế. Bằng cách này, văn bản sẽ xuất hiện ở phía trước hình ảnh.