Flutter:Widget一覧 - Qiita
FlutterにどんなWidgetが用意されているか確認しようと思い、Widget catalogをチラ見してみたけど把握しづらかったので、一つ一つ確認しがてら一覧に整理してみました。 (2019/10/20 - BasicsとMaterial Componentsの画像やカテゴリの追加を反映しました) (2019/12/25 - Interaction modelsのカテゴリ追加を反映しました) (2020/03/11 - CupertinoとMaterial Componentsのウィジェットを追加しました) (2020/08/17 - AnimatedAlign を追加しました(Widget Index: 158個時点)) Basics - 最初に知っておくべきウィジェット Material Components - マテリアルデザインを実現するウィジェット Layout - レイア
Appleのアニメーションはなぜ美しいか考える｜まりーな／エンジニア
こちらの内容は2018年iOSDCで登壇して発表した内容を更に詳しく書いたものです。 当日のこの発表のまとめはこちら↓ 概要 ふだん当たり前のように使っている iPhone や iPad、どうしてこんなに気持ちのいい使い心地になるのでしょうかコントロールセンターのアイコンたちのアニメーションや UI のパーツに着目し、AfterEffects でアニメーショントレースを行い、得た知見を共有します。 はじめにApple 製品は触り心地がいいので、ずっと触っていられますよね。Human Interface Guidelines や WWDC2018 Designing Fluid Interfaces の発表内容をもとに、Apple が何を目指してこのように設計したのか考察した内容をまとめました。iPhone を片手に一緒に手を動かしながら魅惑のアニメーションの世界を体験してみてください。 1
React Native をプロダクションで使ってわかった良かった点・悪かった点 - Qiita
こんにちは、株式会社ピケ CTO の中西（@nakanishy）です。 Dish というランチ検索アプリのフロントエンドとデザインを担当しています。 Dish では、React Native を採用して iOS アプリの開発をしています。iOS アプリを正式にリリースしたことがなく、また React Native も初めてだったので、苦戦する場面も多々ありましたが、良かった点もたくさんありました。 この記事では、Web 開発者の視点で React Native の良かった点と悪かった点を紹介したいと思います。 React Native の良かった点 高速に開発できる React Native は、ライブリロードとホットリロードをデフォルトでサポートしているので、Web 開発をしているかの如く高速に開発が進められました。保存すると即座に変更が反映されます。また、ホットリロードの場合、状態を維
[iOS][Swift3.0] スターウォーズっぽいトランジションを入れるStarWars.iOS | DevelopersIO
準備 導入 CocoaPodsで追加します。 use_frameworks! target "ターゲット名" pod 'StarWars' end post_install do |installer| installer.pods_project.targets.each do |target| target.build_configurations.each do |configuration| configuration.build_settings['SWIFT_VERSION'] = "3.0" end end end 実装 遷移の作成 まずは単純な画面遷移を作成します。今回はFirstViewControllerとSecondViewControllerを用意し、FirstViewControllerのOPENボタンを押すとモーダル（Present Modally Segue）
![[iOS][Swift3.0] スターウォーズっぽいトランジションを入れるStarWars.iOS | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/c83d413afe58d904e71a2ee3e849a272825f43c1/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2015%2F01%2Fios_ui.png)
iOSでアニメーションに凝ったアプリを作り方必見のキュレーションリンク「fantastic-ios-animation」 | ソフトアンテナ
数多くの開発者がしのぎを削るiOS App Store。人気が高いアプリを開発するには実用面だけではなく、人目を引くアニメーション効果を使うことも時には必要になるかもしれません。 本日紹介する「fantastic-ios-animation」はiOSで実装できるさまざまなアニメーション関連のフレームワークやライブラリ、情報へのリンクを集めたキュレーションリンクです。人より一歩上を行くアニメーションを実装したい方必見の情報といえるでしょう。 同サイトではUI全体実装するためのフレームワークやライブラリから、スプラッシュやAlert、ビュー、ラベル、テキストフィールド、ボタンといったコンポーネント系までさまざまなリンクがカテゴリごとに分類されています。 例えば引っ張って更新を実現する「Pull To Refresh」カテゴリだけでも、9種類ものライブラリがリンクされています。 リンク先のソース
AutoLayoutでアニメーションを設定する方法(Swift版) - Qiita
以前書いたAutoLayoutでアニメーションを設定する方法のSwift版です。 アニメーションで動かしたいものの例 例として、mainViewの上に乗った、movableViewを下に動かすことを考えます。 movableViewの制約は、superViewであるmainViewに対して、以下のような制約を持っているとします。 Top Space, Trailing Space, Leading Spaceの各種の制約の値は0になっています。高さは適当です。 やってみる 基本的な考え方は、既に付いているautoLayoutの制約を外し、別の制約を付ける、ということです。今回の場合、"Top Space to SuperView = 0" の制約を外し、Top Space to mainView = 30 といった制約をつけます。 まず外す対象の制約をoutletでソースに結び付けておきま
Swiftでバネのようにバウンスするメニューを作ってみた - Qiita
SkypeのiOSアプリで見るバウンドするアニメーションを実装してみた。 その要点をまとめておく。 デモ https://github.com/ytakzk/Hokusai 実装方法 CADisplayLink アニメーションにはCADisplayLinkを使用した。 ディスプレイが更新されるタイミングで関数が走るため、 NSTimerよりもアニメーション適している。 UIBezierPath 波のようなアニメーションを作るために、 ベジェ曲線を利用する。 具体的にはUIBezierPathで毎フレームごとにCALayerを描画。 // レイヤーの開始点に移動 UIBezierPath().moveToPoint(開始点) // 現在の点からベジェ曲線を描いて次の点へ移動 UIBezierPath().addQuadCurveToPoint(次の点, controlPoint:曲率を作るた
msto.jp - it転職 リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
【CSS3】 jQuery を使って iPad でネイティブアプリ並に滑らかなアニメーションを実現する書き方
こんばんは、企画の林です。 今回は iPad 専用ウェブアプリ、Sleipnir Start for iPad の開発で学んだ CSS3 でのアニメーション処理についてお話します。 iPhone / iPad 向けのウェブアプリを作ろうと考えている方で jQuery 使いの人に優しい内容です。 ※ Sleipnir Start for iPad が何か分らない方は前回の記事をどうぞ。 iPad 上のブラウザで、ネイティブアプリのように滑らかにのアニメーションさせるためには jQuery.animate() を使ってはいけません。 CSS3 の transform:translate3d を使って GPU 上で処理させる必要があります。 （jQuery.animate() 関数はお話にならないくらいカクカクした動きになってしまいます。） 上下左右どの動きも transform:transla
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
