How to put iPhone's screen onto mac in Xcode - iphone

I watched a tutorial, what that guy did on his iPhone, appeared in Xcode simultaneously, and just like in a simulator. How to do that? THX.

Open QuickTime Player,
File>New Movie Recording
Besides Record button(on the Quick Time Player), there is down arrow.
Click on down arrow and select iPhone

There are several possibilities, depending on what exactly you saw in the tutorial.
Live video
If the video was live, there are two things he could have been doing:
Airserver, etc. (blue bar)
He could have been using an AirPlay Mirroring server app to use Airplay Mirroring on the iPhone to show his screen directly onto the Mac's screen. This is the most probable method.
Simulator (no blue bar)
He could have actually been using the simulator, unless he specifically said he was using a device. There are apps you can use to make your mouse look like a finger on the simulator's display. Slightly unlikely.
Still pictures
This is the more unlikely version of the two, and would mean that all you could see was individual still pictures of the app running on the device.
In the Xcode organizer, you can go to the screenshots tab for a device and take a screenshot of the current display of the device. Highly unlikely.

Related

PhotoScroller Zooming/Appearance

I have been looking through the code and .xib files which are included in the Photoscroller app provided by Apple. Through all of this and a few internet searches I have not been able to locate where the button which controls whether the image is 1x or 2x zoom is located in the code or any events which are fired as a result of clicking it.
If someone cant point me to where this button is held that would be very helpful. My end goal is to implement the tiling in full screen so any advice on this would also be appreciated.
Thanks for any help you can provide.
The 1x/2x button is not in the application at all. The app is set to iPhone only so when you run it on the iPad it still runs at iPhone size. Any time you run an iPhone only app on an iPad it will display the 1x/2x button allowing you to zoom the app to a bigger size. You can see the difference by going to the Project Build Settings and changing Targeted Device Family to iPhone/iPad and running it again.

How to mirror Photoshop window to iPhone/iPad screen for mockup/development?

Is it possible to live preview a photoshop document on an iPhone or iPad? I tried it with VNC, but it only transfers a limited range of colors which is suboptimal. Is this possible with Apple's Developer Tools?
Easier, free way that works both on windows and mac : https://itunes.apple.com/lv/app/ps-play-for-photoshop/id651937919?mt=8
PS Play - works with Photoshop's Remote Connections (Edit->Remote Connections). Just add your computer's IP address and the password configured in Photoshop and you're done.
I came to this page with the same question. looked at the answer --> the app --> reviews and decided I'd use what I had to get it done. The results are awesome!
Requirements:
Iphone /Ipad App: Air Display ($9.99)
Photoshop CS4+
1.) Download Air Display.
Air display is by far the best app out there for mirroring or creating an extra screen with your iOS device. I looked at all flavors of VNC/DNS. VNC is for screen sharing and the results don't exactly make you cheerful. Air Display uses your iOS device as an extra screen like your desktop setup. $9.99 is premium pricing but well worth it. There are many uses for the app after you buy it. Check out their site here:
http://avatron.com/apps/air-display
2.) Setup Air Display
These instructions are covered in the app. You'll end up with this sort of setup:
Take into account your hot corners.
3.) Create a mirrored window for your document
Create a new window for your document.
Menu Bar --> Window --> Arrange --> New Window For [Your Document]
4.) Setup your window
A new document tab will pop up with the same name as the original. Drag this tab to your extra screen and there you go. Mirrored photoshop on your iOS device!
Now this new window will mirror the document on your main screen. The great part is this new photoshop window can be set up with its own View attributes (guides, rulers, etc). Here's some more tips:
You'll know your working with the right window when your in Photoshop and the main windows actions are greyed out. Now the menu bar will affect the mirrored window
Use These Settings:
Full screen
Fit on screen
Actual Pixels
Turn Off Guides (CMD ;)
Turn Off Rulers (CMD R)
There you go. An awesome mock up interface for Photoshop --> iPad
For anyone coming across this question now, check out Skala Preview (link below). If you have CS5 or higher, it even allows for live previews. Only problem for me is it requires iOS 5 and OSX 10.7, and I'm quite happy on 10.6.
http://itunes.apple.com/us/app/skala-preview/id498875079?mt=12
The only way that this would work built in (that I am aware of) is if a UIWebView managed to open it. Otherwise I think you're out of luck.
You could try manipulating a photo that is synced to the device then syncing the device with iTunes.
I'm more inclined to think that you would be better off writing an app specific to this task and just have it open the file over wifi or something like that.
I came up with using a Photoshop action which saves a PNG to a web server. Atomic Web Browser supports a full screen mode which then shows this PNG embedded in a HTML file which reloads once per second. It works good enough.
You've tried the rest, now try the best!
Xscope is an app for mac & iphone. Install it, and not only will it give you a bunch of useful tools, but one of those tools is called 'mirror'.
You simply:
Jump into Photoshop and go to Edit / Remote Connections... to set a password
Open Xscope on mac and put that same password in your preferences
Then in Xscope, click the 'Mirror' button, then the 'Photoshop' button (see http://d.pr/i/ziaC)
Open the Xscope Mirror iPhone app and press the button to connect to your mac
And that's it. You should then be able to see your canvas. The app also lets you scale the image larger or smaller based on ratios, and even take snapshots for later reference.
It's a pretty cool app. Promise to God I don't work for them!
http://xscopeapp.com/

Setting Wallpaper (Background image) in iOS Simulator home screen or lockscreen

I was scratching my brains over something when this popped in my mind. Can we set the simulator's home-screen background image to an image of our choice? Case in point is Xcode 3.2.2 simulator 3.1.3.
Certain versions of the simulator appear to support this, not just for the home screen but for the lock screen too (which you get to with Command ⌘+L):
Drag an image from your Mac to the simulator.
Mobile Safari opens. Click and hold the image.
Choose Save Image.
Go to Photos.app, and into the photo album.
Choose your image, and set it as the home screen background like you do on a device.
You may need to restart the simulator.
Note that since this isn't exactly officially supported, it may or may not work for you depending on your version of Xcode or the simulator.
It is possible (again) with the iOS Simulator version 6 (for iOS6).
First, add some images to your photo library. You can do this by using Mobile Safari (either surf the web or drag a local image to the simulator). Then perform a long press and save to camera roll.
Second, open "Photos", select the image and set as Background.
Third, restart the simulator (this irritated me at first, as it doesn't seem to work immediately)
How to do this for the Simulator in 11.4.
Drag and drop a photo on the phone.
Go to photo app and view app.
On the bottom bar you should see 3 icons. Hit the icon with the Arrow coming out of the box like you would AirDrop it to someone.
On the Options panel you should see Use as Wallpaper right below the AirPlay option.
Cheers
Hmm. Probably, since you cannot set backgroundimage on your homescreen(exept from the locked view) on on actual iPhone pre iOS4, you cannot do so in the simulator either.
Dragged the image onto the simulator (iOS 9.3) as #boltclock suggests, but nothing happened. However, I then noticed that the images I dragged were showing up in the Photos app on the simulator. From there I just set the wallpapers the same way that you set them on a physical device. Did not need to restart the simulator.
I thought I wasn't able to do this, but then I dragged the bottom row of options to the left and low and behold, there is the "Set as wallpaper" option.
:-)
Since this is an old question, I want to confirm this works in Simulator 13.2 for the iPhone 13 Pro Max (I'm running it on on macOS 12.2 Monterey).
In the simulator take Safari to the image you want to set as the background
Right click (or 2-finger press-click on trackpad)
Selected "Add to Photo"s from Pop-up menu
Open Photos app, and click the 'sharing' icon (box with up arrow coming out of it)
Scroll the popup upwards until you see the "Use As Wallpaper" menu item (if you have a Magic Trackpad, you can scroll with a three-finger swipe-up up on the screen)
That's it. You can set the Home and Lock screen that way.
While developing an iOS iPhone app using the simulator, I copied a space scene with just stars for the background and and moved the app icons all to the home screen except left my app icon alone on a different page that way I minimized light and clutter.

How to add images to iphone simulator v4

I've always been able to get images into iphone simulator 3 by the usual methods described on this site (i.e. dragging image into iphone simulator).
However, having upgarded to the new xcode 3.2.3, although I can still save images to the simulator, I can't actually see them there when I go to the library on the simulator.
Thankfully - it works when I build for the iPad simulator.
Has anyone else go this problem or is my install of the new xcode screwy?
I've noticed that you can add them if you change the device in the Hardware menu. Switch to iPhone and do the usual. Then switch back to iPhone4 and you'll be able to see the images in the photo library.
alt text http://img.skitch.com/20100705-8kra9hetayjqhyu3i5w4brayr4.png
You should also file a radar with Apple. ;-)
I was had the same problem after v4 upgrade but it seems to work if I drag the images into an album in the actual 'photos' app.
You can save images in the simulator by going to Safari on the iPhone,iPad.
Navigate to some URL eg, hot pictures of Megan Fox on google images. Click and hold on your favourite image of here, hopefully in a very hot pose. Then select save from the menu that appears.
This normally does it for me.
[UPDATED]
Sorry this does not work on 3.2.2 but has worked in the past.
Seems that you need to run the Photos app on the simulator after dragging in images in order for it to make the images available from your app.
First you simply run simulator then tap on back button after this drag image from your macbook u found small image on simulator screen hold courser on image
after a while bring a pop-up screenView on iPhone simulator screen to ask that you want to save this image or cancel
you just save and go back
open photo gallery you must be see one image in photo gallery

How to create high-resolution iphone launch image?

As per the Apple iPhone Human Interface Guidelines I have created a Default.png image which is displayed while waiting for the application to load.
I created the image using the xcode organizer 'capture screenshot' feature.
I am now preparing my application for the iphone 4 high resolution screen and am wondering how to create the high resolution version of Default.png.
Is there a way to generate it from a screen shot like the standard Default.png image?
The easiest way I found is to use the special "Copy Screen" menu option in Simulator.
While the Simulator is running, hold the control key. The Edit menu will change from "Copy" to "Copy Screen". You now do a Command-V in Preview or Photoshop since the screen was saved to your clipboard buffer. Then save out the file as png.
High resolution Launch Images just need the #2x designation. You can capture them as a screen shot when running on iPhone 4, device or simulator.
It appears there are two options to create a high resolution (980x640) launch image from a screen shot of your application:
Using an iPhone 4 you can either use xcode to capture the image via the organizer window or by taking a screen shot on the device (using the lock and home buttons). I have not been able to test this as I do not have access to an iPhone 4
Using the iPhone Simulator you can emulate the iPhone 4 by going to Hardware -> Device -> iPhone 4 and capture a screen shot. In order to capture the screen shot you can use the built in os x screen shot functionality (cmd-shift-4). Alternatively there is a free tool called iPhone-Simulator Cropper which does a good job.
In recent versions of the iOS Simulator just use File -> Save Screenshot.
If you need to edit the screenshot at all (like rotate 90 degrees for landscape-only apps) using Preview's Tools -> Rotate Right is easy. If you edit the screenshot in Preview, be sure to take #ville-laurikari's advice and also use Tools -> Assign Profile... -> Color LCD before saving to make sure your colors look right.