Приветствую
Нужна Ваша помощ.
Есть план схема jpg/png
Каким способом порекомендуете делать отметку поверх столов / мест каким то цветом
Также какой есть вариант реализации, что бы одно приложение админское ставило отметки, а на втором клиентском отображались данные отметки
Ввиду отсутствия конкретных ответов выскажу свои мысли:
Задумка интересно, но как ее грамотно реализовать вторым, прозрачным слоем поверх картинки – хз.
Можно, конечно, костылями привязать кнопки строго к определенным координатам, но муторно. С другой стороны места не так часто меняются.
Для точного попадания по конкретному месту без приближения не обойтись.
Если же смотреть на других, то в качестве примера можно взять бронь мест в кинотеатре. Там разрабы не сильно заморачивались и просто наштамповали квадратиков.
Пока видно только один более-менее подходящий вариант: послойное разделение.
Вам в любом случае придётся делать:
Берёте фон и вырезаете и сохраняете каждый столик в отдельную картинку. На фон накладываете кнопки с каждым отдельным изображением столика. Меняете им цвет в зависимости от условий.
Схема большая - придётся делать скролл в двух осях, чтобы сохранить адекватный масштаб картинки для удобного взаимодействия.
Приветсвую. Спасибо как всегда за Ваши ответы.
Приветсвую. Спасибо за ответ
Если взять данну план схему. И свверху наложить слои imageview которые будут менять цвет. Это оптимальное решение? Не слишком много будет imageView как для одного view. Поскольку тут около 120 столов.
Благодарю за развернутый ответ
Да про скрол не подумал. Спасибо за ответ
это относится и к вашему количеству: тут не лучшего решения, есть и минусы и плюсы:
imageview через extention инициализатор, который примет нужные вам параметры, и установит, всё что надо. Все ваши столики прогнать через цикл по вашему массиву данных - вот вам 120 нужных объектов.Плюсы: делать всё кодом всегда лучше, меньше нагрузка на комп при компиляции и просто управлять объектами потом. Бест-практис )))
Минусы: Придется расставлять констрейнты вручную, что в итоге даст тонны кода.
Плюсы: расставить на общем плане будет проще и быстрее.
Минусы: создавать долго много объектов. Управлять трудно и неудобно, легко запутаться.
Я всегда за код. Это всегда лучше и дальновиднее, да и узнаете много нового про констрейты, если ещё с ними через код не работали.
Смотря какая задача?
Благодарю за ответ. Я не использую сторибоард. Все только код))) С таким решением привет констрейны )))) Благодарю и пошел пробывать
У меня был опыт расположения меток на картинке, только там масштабы были меньше, в пределах 20-25 меток.
Как будет время, найду скрин и расскажу как делал.
Собственно сам скрин
как видно по панели снизу, таких картинки 3 разных
вставляется обычный UIImageView, все метки я делал как UIButton
на сервере у нас хранится список координат всех меток, так же можно добавлять, удалять метки на сервере.
сам принцип получения координат для меток заключался в следующем, мы с дизайнером высчитывали по его оригинальному шаблону все координаты, исходя из размера метки, вычисляли соотношение метки к самой картинке. это соотношение нужно будет учитывать, что бы метки распологались всегда в одном и том же месте, на разных экранах.
в данном случае, я использую UICollectionView и все картинки находятся в своих ячейках
дефолтные значения размеров взяты из оригинального дизайна, что бы вычислить соотношение
var scale: CGFloat!
var viewCenter: CGPoint!
let defaultMapWidth: CGFloat = 216
let defaultMapHeight: CGFloat = 486
let defaultPointWidth: CGFloat = 31
let defaultPlaceholderWidth: CGFloat = 19
var pointSize: CGFloat!
var placeholderOffset: CGFloat!
func setUpView(for gender: SettingsLists.Gender, with viewType: PainPointView) {
mapImageView.image = UIImage.init(named: mapImage)!
layoutIfNeeded()
}
override func layoutSubviews() {
super.layoutSubviews()
if layoutIsReady {
updatePoints()
}
layoutIsReady = true
}
func updatePoints() {
mapImageView.subviews.forEach { $0.removeFromSuperview() }
setUpPoints()
}
private func setUpPoints() {
scale = mapImageView.bounds.height / defaultMapHeight
viewCenter = CGPoint(x: mapImageView.bounds.width / 2, y: mapImageView.bounds.height / 2)
pointSize = defaultPointWidth * scale
placeholderOffset = defaultPlaceholderWidth * scale / 4 + 0.7
pointsKindMap = []
for pointModel in pointDetails {
pointsKindMap.append(pointModel.painPoint.id)
}
allPoints.forEach {
if $0.viewType == viewType {
drawPoint(point: $0)
}
}
}
private func drawPoint(point: PainPoint) {
// это координаты из сервера
let pointX = CGFloat(gender == .male ? point.maleCoords.x : point.femaleCoords.x)
let pointY = CGFloat(gender == .male ? point.maleCoords.y : point.femaleCoords.y)
let pointPosition = CGPoint(x: viewCenter.x + pointX * scale - placeholderOffset, y: viewCenter.y + pointY * scale - placeholderOffset)
let pointView = PainInjuryPointView(frame: CGRect(origin: pointPosition, size: CGSize(width: pointSize, height: pointSize)))
mapImageView.addSubview(pointView)
}Класс. Очень благодарен что посмотрели у себя, и показали пример., тогда я пробую. И уже по результату покажу что получилось. Все спасибо за время и то что помогли хорошими советами. Это лучшее что может быть при решении вопроса.