Каков лучший подход для создания клиента iPhone для приложения для направляющих?
Вам не хватает высоты для
.landing-ratecard-wrapper .marquee {
flex-grow: 1;
overflow: hidden;
box-sizing: border-box;
position: relative;
height: 150px;
}
Также установите значение 0 в классе landing-ratecard-wrapper .marquee .marquee--inner
.landing-ratecard-wrapper {
position: relative;
padding: 15px 20px;
background-color: rgba(0, 0, 0, 0.45);
border-radius: 4px;
margin-top: 40px;
}
.landing-ratecard-wrapper .ratecard-title {
color: #fff;
font-weight: 500;
font-size: 18px;
margin: 0;
}
.landing-ratecard-wrapper .marquee {
flex-grow: 1;
overflow: hidden;
box-sizing: border-box;
position: relative;
height: 150px;
}
.landing-ratecard-wrapper .marquee .marquee--inner {
display: block;
width: 200%;
position: absolute;
top: 0;
animation: marquee 20s linear infinite;
}
.landing-ratecard-wrapper .marquee .marquee--inner span {
width: 50%;
float: left;
}
.landing-ratecard-wrapper .marquee .marquee--inner span .rate {
width: 200px;
display: inline-block;
margin: 0 10px;
float: left;
transition: all 0.2s ease-out;
color: #fff;
}
.landing-ratecard-wrapper .marquee .marquee--inner:hover {
animation-play-state: paused;
}
@keyframes marquee {
0% {
left: 0;
}
100% {
left: -100%;
}
}<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.bundle.min.js"></script>
<div class="landing-ratecard-wrapper d-flex align-items-center justify-content-between">
<h5 class="ratecard-title">Rate Card</h5>
<div class="marquee">
<div class="marquee--inner">
<span>
<div class="rate">lorem ipsum</div>
<div class="rate">lorem ipsum</div>
<div class="rate">lorem ipsum</div>
<div class="rate">lorem ipsum</div>
<div class="rate">lorem ipsum</div>
<div class="rate">lorem ipsum</div>
<div class="rate">lorem ipsum</div>
<div class="rate">lorem ipsum</div>
</span>
<span>
<div class="rate">lorem ipsum</div>
<div class="rate">lorem ipsum</div>
<div class="rate">lorem ipsum</div>
<div class="rate">lorem ipsum</div>
<div class="rate">lorem ipsum</div>
<div class="rate">lorem ipsum</div>
<div class="rate">lorem ipsum</div>
<div class="rate">lorem ipsum</div>
</span>
</div>
</div>
</div>Надеюсь, это поможет.
6 ответов
Это - типичная проблема для меня, так так, чтобы я работал над портом направляющих платформа ActiveResource под названием ObjectiveResource.
У нас было два выпуска проекта до сих пор. 1.0 уже используется несколькими приложениями в App Store и может обработать значение по умолчанию to_xml и to_json обработка ресурса, встроенная в направляющие. 1.01 выпуск bugfix и понижение обновления.
Мы в настоящее время работаем над определением набора функций для 1,1. Мы уже имеем довольно много идей и обсуждаем больше в списке рассылки.
Ваш лучший выбор состоит в том, чтобы записать простой класс обертки вокруг NSURLConnection, который настраивает определенный материал для Вашего API. Это не особенно сложно, и это позволяет Вам адаптировать API своего класса непосредственно в соответствии с остальными API, для которого Вы нацелены. Ваш класс может иметь init метод как initWithMethod:delegate:params: где делегат является объектом, который хочет получить результат асинхронно, и параметрические усилители являются NSDictionary всех параметров. Можно также использовать свойство на классе для установки аутентификации (или иметь класс, обнаруживают и записывают это само после входа в систему).
Что касается парсинга XML, я рекомендовал бы проверить TouchXML.
У меня была некоторая удача с помощью plists...
Необходимо будет установить plist-3.0.0 драгоценный камень (установка драгоценного камня plist IIRC)
Затем в Вашем контроллере Вы устанавливаете что-то вроде этого:
plist = {'a' => 'b', 'c' => 'd', 'e' => {'f' => 'g', 'h' => {'i' => 'j'}}}.to_plist
render(:text => plist)
Затем в Вашем приложении для iPhone устанавливают что-то вроде этого:
NSURL *url = [NSURL URLWithString:@"http://somewhere.com"];
NSURLRequest *request = [NSURLRequest requestWithURL:url];
NSURLResponse *response;
NSError *error;
NSData *plistData;
plistData = [NSURLConnection sendSynchronousRequest:request returningResponse:&response error:&error];
NSPropertyListFormat format;
NSString *errorStr;
id imagesToRate = [NSPropertyListSerialization propertyListFromData:plistData mutabilityOption:NSPropertyListImmutable format:&format errorDescription:&errorStr];
if(!imagesToRate) {
NSLog(errorStr);
} else {
NSLog(@"%@", [imagesToRate objectForKey:@"e"]);
}
Вы в значительной степени получаете всю свободу использования json (как в, у Вас нет к самокрутке xml плана отформатировать Ваши данные, и сериализация так же легка как вызов to_plist) плюс, sdk идет с собственным кодом для обработки plists.
Но, если у Вас всех готовых есть веб-сервис, что выводы в json/xml Вы могли бы хотеть сохранить это и просто проанализировать материал на iPhone с помощью материала, уже упомянутого (TouchXML, json-платформа)
Я недавно соединил пример TouchJSON, который использует NSURLConnection. Это является очень простым, но должно быть достаточно для запущения Вас с загрузки asych.
Если Вам не нравится анализировать XML (и кто делает?) и может настроить бэкенд для выкладывания JSON вместо XML, я настоятельно рекомендую пользование библиотекой, такой как json-платформа. Настолько легче просто считать данные в объекты, чем должны проанализировать через узлы XML.
Будьте тщательным использованием NSURLConnection на iPhone. Это, как известно, имеет утечки памяти, которые могут разрушить приложение очень быстро. При выполнении большого количества Запросов HTTP не ожидайте, что NSURLConnection будет работать на Вас. Найдите что-то еще, возможное некоторая вихревая обертка.