Вы можете реализовать свой собственный визуальный джойстик, используя функции обратного вызова unity new , такие как OnBeginDrag
OnDrag
и OnEndDrag
. Существует уже сделанный пакет Visual Joystick для Unity, поэтому реализовать его можно, как изобретать колесо.
Все, что вам нужно сделать, это импортировать пакет CrossPlatformInputManager
из Unity's UnityStandardAssets , затем используйте CrossPlatformInputManager.GetAxis("Horizontal")
и CrossPlatformInputManager.GetAxisRaw("Horizontal")
, чтобы прочитать направление изображения / большого пальца.
Чтобы сделать это с нуля, вы можете передать этот учебник видео .
Вы могли попробовать CSS "nowrap" опция в содержании отделения.
{white-space: nowrap;}
Не уверенный, как широко, который поддерживается.
Разве не было бы легче, если Вы делаете это как это?
<div id="container">
<div id="row1">
<img/><img/><img/><img/>
</div>
<div id="row2">
<img/><img/><img/>
</div>
<div id="row3">
<img/><img/>
</div>
<div id="row4">
<img/>
</div>
</div>
Посредством чего Ваш CSS обработал бы выравнивание?
.container div{
text-align:center;
}
Можно заменить img промежутком и использовать фоновое изображение с каждым промежутком, в зависимости от класса CSS:
<p class="..."><span class="pin"></span><span> </span><span class="pin"></span>...
<p class="..."><span class="pin"></span><span> </span><span class="pin"></span>...
<p class="..."><span class="pin"></span><span> </span><span class="pin"></span>...
<p class="..."><span class="pin"></span><span> </span><span class="pin"></span>...
(personnaly я думаю, что лучше иметь 4 строки с тегом p вместо единственного отделения с br),
В CSS у Вас может быть что-то вроде этого:
p.smallpins {
margin: 0;
padding: 0;
height: 11px;
font-size: 1px;
}
p.smallpins span {
width: 11px;
background-image: url(nopinsmall.gif);
background-repeat: ...
background-position: ...
}
p.smallpins span.pin {
background-image: url(pinsmall.gif);
}
Имейте отдельные изображения для каждого возможного расположения каждой строки.
Это только потребовало бы 30 изображений (16+8+4+2)
Вы имеете попробованными для определения ширины для столбца? Как <td width="123px">
или <td style="width:123px">
. И возможно также для отделения?
Я, возможно, неправильно понял то, что Вы после, но я думаю, что можно сделать то, что я сделал для логотипов на карте.
Фоновая мозаика карты оттянута затем, каждому изображению говорят плавать оставленный и, учитывая некоторые интересные поля так, чтобы они были расположены, поскольку я хочу, чтобы они были (источник представления, чтобы видеть, как это сделано).
Возможно, это - всего один случай, где Вы могли использовать таблицы для осуществления расположения. Это не оптимально, и я знаю, что Вы, как предполагается, не используете таблицы для вещей, которые не являются табличными, но Вы могли сделать что-то вроде этого.
<table>
<tr>
<td><img src="Pin.jpg"></td>
<td> </td>
<td><img src="Pin.jpg"></td>
<td> ></td>
<td><img src="Pin.jpg"></td>
<td> </td>
<td><img src="Pin.jpg"></td>
</tr>
<tr>
<td> </td>
<td><img src="Pin.jpg"></td>
<td> </td>
<td><img src="Pin.jpg"></td>
<td> </td>
<td><img src="Pin.jpg"></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><img src="Pin.jpg"></td>
<td> </td>
<td><img src="Pin.jpg"></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td><img src="Pin.jpg"></td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
Попробуйте его <div>
наклейте ту же строку как <td>...</td>
Используйте символ столяра слова, U+2060 (т.е. ⁠
)
Это произошло здесь некоторое время, но я просто проходил это и нашел это сообщение. Независимо от того, что я сделал, я не мог заставить изображения идти подряд. Независимо от того, что, они перенесли бы. Я попробовал все.
Затем я выяснил, что существует установка на клиенте, где они могут выбрать представление как 1) Отдельный столбец, 2) Настольное Представление и 3) Пригодное Окно. Согласно MSDN, значение по умолчанию, как предполагается, для установки окну. Но Мобильный телефон IE моей Жены принимал значение по умолчанию к Отдельному столбцу. ТАКИМ ОБРАЗОМ НЕЗАВИСИМО ОТ ТОГО, ЧТО, это перенесло бы все в отдельный столбец. Если я переключился на какую-либо из других 2 опций, это выглядело хорошо.
Ну, можно установить это с метатегом:
<meta name="MobileOptimized" content="320">
установит страницу width на 320 пкс. Не знайте, как заставить его перейти к автоматическому, если кто-либо там знает, отправьте.
Это НЕ работает над ежевикой до v4.6 - Вы застреваете с отдельным столбцом, если пользователь вручную не изменяется на настольное представление. С 4,6 или позже, следующее, как предполагается, работает, но я не протестировал:
<meta name="viewport" content="width=320">
Так как Вы идете для максимальной совместимости, Вы рассмотрели генерацию единственного изображения, представляющего кадр?
При использовании PHP, можно использовать GD для динамичного создания изображений, представляющих кадры на основе того же входа, который Вы использовали бы для создания HTML в вопросе. Самое большое преимущество для выполнения этого состоит в том, что любой браузер, который мог отобразить PNG или GIF, сможет отобразить Ваш кадр.
Так как Вы используете изображения так или иначе, почему бы не генерировать изображение, представляющее целое расположение на лету? Можно использовать что-то как GD или ImageMagick для добиваний цели.
Почему бы не изображение для всех возможных результатов для контактов? Никакое Питание с разметками для браузеров изображение не является изображением
Генерируйте их на лету кэширование созданных изображений для повторного использования.
То, что имело бы большую часть смысла, изменяется, какое изображение отображено на лету:
<div id="pin-images">
<img src="fivepins.jpg" />
<img src="fourpins.jpg" />
<img src="threepins.jpg" />
<img src="twopins.jpg" />
<img src="onepin.jpg" />
</div>
Вам, возможно, понадобилось бы фактическое пространство сразу после точки с запятой в
Я обошел этот тип проблемы в прошлом путем динамичного создания всего изображения (с соответствующим расположением контакта) как единственное изображение. При использовании ASP.NET это довольно легко сделать с вызовами GDI. Вы просто динамично создаете изображение с размещением контакта, затем служите странице как единственное изображение. Вынимает все проблемы выравнивания из изображения (предназначенная игра слов).