Ảnh bitmap miễn phí cho các nút và thanh trượt tùy chỉnh trên iOS?

Question

Đầu tiên, Tôi không nói về thư viện biểu tượng hoặc công cụ/thư viện mô phỏng.

Tôi quen thuộc với các thư viện biểu tượng khác nhau mà mọi người đã tạo, nhưng khác với nội dung từ mã ví dụ như UICatalog, tôi tự hỏi nếu có ai biết về ai đã tạo thư viện miễn phí của bitmap nút tùy chỉnh () Hình ảnh nút có thể kéo giãn), Thanh trượt/bitmap theo dõi, v.v. Về cơ bản, bitmap để tùy chỉnh giao diện điều khiển chuẩn cho các điều khiển đó (như nút và thanh trượt) cho phép bạn chỉ định bitmap như vậy.

Tôi cũng quan tâm đến bất kỳ hướng dẫn photoshop/templates on/để tạo hình ảnh nút tùy chỉnh căng ra, bitmap cho các bộ phận trượt, vv (Sợ tôi không phải là một vị thần khổng lồ PS hoặc bất cứ điều gì.)

Bất cứ ai biết về bất kỳ tài nguyên nào như thế này để tìm kiếm các điều khiển tiêu chuẩn?

Answer 1

Nút có thể kéo giãn là không có vấn đề - bạn không cần phải làm gì đặc biệt trong Photoshop. Chỉ cần làm cho hình ảnh của nút có thể kéo giãn và đặt bán kính cho bất kỳ góc tròn nào bạn có trên hình ảnh nút.

Các bộ phận trượt - Tôi chắc chắn bạn sẽ phải tự tạo UIControl của mình từ đầu.

Để tạo một nút trong Photoshop, hãy tạo một tệp mới với nền trong suốt, chọn công cụ Hình dạng, hình chữ nhật gần cuối các công cụ, kéo ra một hình chữ nhật. Kích thước không quan trọng ™. Đối với hình chữ nhật tròn, hãy nhấp và giữ cùng một công cụ, chọn hình dạng tròn được làm tròn và đặt một thanh ngang góc (cùng bán kính như trong hình ảnh có thể kéo dài sau).

Nhấp đúp vào lớp bên phải của tên lớp để tải lên kiểu lớp. Kiểm tra Lớp phủ màu và đặt màu bạn muốn. Kiểm tra Inner Bevel và làm cho kích thước của nó ở đâu đó dưới một nửa chiều cao của hình chữ nhật - Tôi nghĩ 90 độ cho Global Angle hoạt động tốt. Opacity thấp hơn và kích thước lớn hơn làm cho cái nhìn xiên ít chunky.

Nhấn Ctrl (nhấp vào tùy chọn) hình chữ nhật đồ họa trong lớp của bạn để chọn đường viền của nút. Bỏ chọn nửa dưới của nó bằng cách sử dụng công cụ marquee (M) ở trên cùng của các công cụ. Chọn màu nền trước xám nhạt, gần như trắng. Tạo một layer mới với biểu tượng hình vuông bên dưới danh sách layer (Windows-> Layers nếu không nhìn thấy được). Điền vào lựa chọn của lớp mới với thùng sơn, và kéo xuống độ mờ cho lớp cho đến khi hiệu ứng 'mờ laquer' của nó có vẻ đúng.

Nút đơn giản, nhưng đó là ý chính của nó.

Answer 2

tôi đã có thể tìm thấy một số nút căng ra bằng cách tìm kiếm thông qua các bộ sưu tập của tôi về mẫu mã cho: "stretchableImageWithLeftCapWidth"

Từ mẫu mã Apple, UICatalog, BubbleLevel, iPhoneMultichannelMixerTest, avTouch, AQOffilineRenderTest, và TouchCells mã mẫu tất cả đều chứa các nút có hình ảnh có thể kéo dài.

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