2016-06-20 14 views
16

Tôi có thể đặt hình ảnh và văn bản cho nút. Nhưng nó được căn chỉnh theo chiều ngang. Tôi muốn hình ảnh và văn bản được căn chỉnh theo chiều dọc bên trong nút. tức là, văn bản bên dưới hình ảnhvăn bản định vị bảng phân cảnh bên dưới hình ảnh bên trong một nút

Làm cách nào để thực hiện những thay đổi này bằng bảng phân cảnh?

enter image description here

Những gì tôi nhận được tại đây là::

Những gì tôi muốn đây là enter image description here

+0

không rõ bạn đang hỏi gì :( –

+0

Vui lòng đăng hình ảnh nếu bạn có thể giải thích những gì bạn muốn. –

+0

Kiểm tra http: // stackoverflow này.com/questions/2451223/uibutton-how-to-center-an-image-and-a-text-using-imageedgeinsets-and-titleedgei –

Trả lời

12

Có, bạn có thể làm điều đó từ bảng phân cảnh mà không cần viết bất kỳ logic nào.

1) Chọn nút và đi đến Attribute Inspector trong bảng phân cảnh của bạn.

2) Chỉ định hình ảnh cho nút. (Không sử dụng hình nền)

3) Đặt văn bản Tiêu đề cho nút đó.

4) Bây giờ bạn cần đặt edgeInset để chọn hình ảnh đầu tiên từ cạnh và đặt Inset khi bạn cần và sau đó chọn tiêu đề từ cạnh và đặt inset theo nhu cầu của bạn.

Hy vọng điều này sẽ hữu ích.

0

Bạn không thể thay đổi bố trí trực tiếp trong UIButton, nhưng bạn có thể thử sử dụng các tài sản trên UIButton:

UIButton *button = ... 
button.titleEdgeInsets = UIEdgeInsetsMake(....); 
button.imageEdgeInsets = UIEdgeInsetsMake(....); 

Nếu nó không giúp tôi muốn giới thiệu đến phân lớp từ UIRespond er và làm cho thành phần của riêng bạn và làm bố cục của riêng bạn khi bạn cần nó.

6

Bạn có thể dễ dàng và trực quan đạt được sự liên kết bằng cách sử dụng Edge tài sản của Button từ Window tuệ (thuộc tính Inspector) bạn có thể thay đổi inset giá trị của Title, và Image theo nhu cầu của bạn, xem hình ảnh dưới đây

enter image description here

Hy vọng điều đó sẽ hữu ích.

Chúc mừng.

27

Nếu bạn đang tìm kiếm đầu ra như

Button Image with Text

1) Chọn nút này và đi đến Thuộc tính Inspector trong kịch bản của bạn để có được kết quả này kích thước nút 50 * 50

enter image description here

2) Bây giờ đặt Insets tiêu đề của nút

enter image description here

+0

Trong Xcode 8.2.1 với Storyboard, tôi không thể tìm thấy tùy chọn đó cho TitleInsets . – DShah

+2

@DShah Tôi đã cập nhật câu trả lời của mình với hình ảnh mới, vui lòng kiểm tra. Bây giờ bạn sẽ dễ dàng tìm thấy các tiêu đề Instests –

Các vấn đề liên quan