Soumettre la recherche
Mettre en ligne
ICTutorialOverlay : A utility for making "Overlay Tutorial"
•
Télécharger en tant que PPTX, PDF
•
5 j'aime
•
5,612 vues
Ichito Nagata
Suivre
ねむい
Lire moins
Lire la suite
Logiciels
Affichage du diaporama
Signaler
Partager
Affichage du diaporama
Signaler
Partager
1 sur 14
Télécharger maintenant
Recommandé
kiri_feather's LT in TweetUp Tokyo 09 Fall
kiri_feather's LT in TweetUp Tokyo 09 Fall
kirifeather
Twitter TweetUp Tokyo 09 Fall
Twitter TweetUp Tokyo 09 Fall
kirifeather
やってみたら意外とできた!イベント・リクルーティングの成功させる2つのポイント
やってみたら意外とできた!イベント・リクルーティングの成功させる2つのポイント
Narichika Kajihara
メルカリアッテの実務で使えた、GAE/Goの開発を効率的にする方法
メルカリアッテの実務で使えた、GAE/Goの開発を効率的にする方法
Takuya Ueda
スタートアップを目指す零細企業のエンジニア採用事情
スタートアップを目指す零細企業のエンジニア採用事情
Kohji Osamura
H2O x mrubyで人はどれだけ幸せになれるのか
H2O x mrubyで人はどれだけ幸せになれるのか
Ichito Nagata
エンジニア採用における技術広報の重要ポイント
エンジニア採用における技術広報の重要ポイント
Noriaki Kadota
How happy they became with H2O/mruby and the future of HTTP
How happy they became with H2O/mruby and the future of HTTP
Ichito Nagata
Recommandé
kiri_feather's LT in TweetUp Tokyo 09 Fall
kiri_feather's LT in TweetUp Tokyo 09 Fall
kirifeather
Twitter TweetUp Tokyo 09 Fall
Twitter TweetUp Tokyo 09 Fall
kirifeather
やってみたら意外とできた!イベント・リクルーティングの成功させる2つのポイント
やってみたら意外とできた!イベント・リクルーティングの成功させる2つのポイント
Narichika Kajihara
メルカリアッテの実務で使えた、GAE/Goの開発を効率的にする方法
メルカリアッテの実務で使えた、GAE/Goの開発を効率的にする方法
Takuya Ueda
スタートアップを目指す零細企業のエンジニア採用事情
スタートアップを目指す零細企業のエンジニア採用事情
Kohji Osamura
H2O x mrubyで人はどれだけ幸せになれるのか
H2O x mrubyで人はどれだけ幸せになれるのか
Ichito Nagata
エンジニア採用における技術広報の重要ポイント
エンジニア採用における技術広報の重要ポイント
Noriaki Kadota
How happy they became with H2O/mruby and the future of HTTP
How happy they became with H2O/mruby and the future of HTTP
Ichito Nagata
2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
Marius Sescu
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
Expeed Software
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
Pixeldarts
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
marketingartwork
Skeleton Culture Code
Skeleton Culture Code
Skeleton Technologies
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Neil Kimberley
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
contently
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Albert Qian
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
Getting into the tech field. what next
Getting into the tech field. what next
Tessa Mero
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
How to have difficult conversations
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
Introduction to Data Science
Introduction to Data Science
Christy Abraham Joy
Time Management & Productivity - Best Practices
Time Management & Productivity - Best Practices
Vit Horky
The six step guide to practical project management
The six step guide to practical project management
MindGenius
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
RachelPearson36
Contenu connexe
En vedette
2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
Marius Sescu
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
Expeed Software
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
Pixeldarts
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
marketingartwork
Skeleton Culture Code
Skeleton Culture Code
Skeleton Technologies
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Neil Kimberley
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
contently
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Albert Qian
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
Getting into the tech field. what next
Getting into the tech field. what next
Tessa Mero
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
How to have difficult conversations
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
Introduction to Data Science
Introduction to Data Science
Christy Abraham Joy
Time Management & Productivity - Best Practices
Time Management & Productivity - Best Practices
Vit Horky
The six step guide to practical project management
The six step guide to practical project management
MindGenius
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
RachelPearson36
En vedette
(20)
2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
Skeleton Culture Code
Skeleton Culture Code
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Getting into the tech field. what next
Getting into the tech field. what next
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
How to have difficult conversations
How to have difficult conversations
Introduction to Data Science
Introduction to Data Science
Time Management & Productivity - Best Practices
Time Management & Productivity - Best Practices
The six step guide to practical project management
The six step guide to practical project management
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
ICTutorialOverlay : A utility for making "Overlay Tutorial"
1.
ICTutorialOverlay @i110
2.
3.
ありますよね、チュートリアル • オーバーレイ型のやつ • Instruction
Viewとも言う • UI分かりづらいので致し方なく作る • 誰もちゃんと見ていないという説も • しかしまぁ必要なこともままある
4.
しょうがない作るか… • まぁなんか半透明のviewなりwindowなり上か ら被せておいときゃいいんでしょ • 「半日で出来ます(キリッ)」
5.
6.
穴!? • 穴あいてますね。 • なんかけっこう作るのめんどいっぽい •
しかも穴の下のボタン、タップできるらしい • タップしたらふわっと消えるらしい • でもタップできない穴もあるらしい • 穴のサイズにも微妙にこだわりあるらしい
7.
穴めんどい • 穴めんどい。穴まじめんどい • 穴地味にめんどい。 •
穴あけたくない。 • 穴あけないといけないけど穴あけたくない。 • 別にやればできるんだろうけど穴あけないで 済むならそうしたい。 • 穴あけてる時間があったら別のことしたい。 • 穴めんどい。
8.
ICTutorialOverlayhttps://github.com/i 110/ICTutorialOverlay • 一年前くらいに作って会社でも個人でも地味に使ってた • 地味に便利だからここで晒しておきます •
昨日CocoaPods/Specsにpull req出したのでそのうち載るはず
9.
// Overlayの生成 ICTutorialOverlay *overlay
= [[ICTutorialOverlay alloc] init]; overlay.hideWhenTapped = NO; overlay.animated = YES; // 穴あけるよ!! [overlay addHoleWithView:self.roundRectButton padding:8.0f offset:CGSizeMake(1.0f, 1.0f) form:ICTutorialOverlayHoleFormRoundedRectangle transparentEvent:YES]; // ついでに気の利いたラベルでものっけておく UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(100, 170, 220, 150)]; label.backgroundColor = [UIColor clearColor]; label.textColor = [UIColor whiteColor]; label.numberOfLines = 0; label.text = @"You can place any views on the overlay”; [overlay addSubview:label]; // 表示 [overlay show];
10.
DEMO
11.
機能① • overlay.animated – ふわっと出入りする •
overlay.hideWhenTapped – タップで消えるようにする • コールバック – willShowCallback / didShowCallback, – willHideCallback / didHideCallback – 循環参照には注意
12.
機能② • hole.form – ひとまず矩形、角丸、楕円を表すenumを用意 •
hole.transparentEvent – 背後のviewにtouch eventを透過させるか否か • hole.boundView – 位置指定じゃなくてview指定すればその位置にいい 感じに穴明けてくれる – いずれUIBarItemにもなんとか対応したい
13.
その他もろもろ • Overlay上には好きなviewを突っ込める – xibで作ってinstanciateしてそのままぶっ込むとか •
Singletonにはあえてしなかった – キャッシュしておきたいケースがままありそう – その代わり画面に表示できるoverlayは必ずひとつ • 表示中に別のやつ表示させようとすると勝手に閉じる • 「2つ出ちゃった」回避
14.
ICTutorialOverlayhttps://github.com/i 110/ICTutorialOverlay Now Available on
CocoaPods • プルリク歓迎 • 具体的には誰かholeに直接UIBezierPath渡せるようにして下さい • あとフチにグラデーションかけるやつとかも • Thank you for your attention.
Télécharger maintenant