Share
Leer hoe je met dit bericht kunt profiteren van de kracht van het sociale raamwerk, ontleend aan hoofdstuk 11 van het boek Mobiletuts + Het decoderen van de iOS 6 SDK!
De introductie van het Twitter-framework in iOS 5 was de eerste stap naar de integratie van iOS met populaire sociale netwerken. In iOS 6 introduceerde Apple het sociale raamwerk. Het sociale raamwerk vervangt niet alleen effectief het Twitter-raamwerk, het breidt ook de functionaliteit uit door ondersteuning toe te voegen voor zowel Facebook als Sina Weibo.
Hoewel het Twitter-raamwerk vanaf iOS 6 is verouderd, is het gelukkig een triviale taak om bestaande code van het Twitter-raamwerk naar het sociale raamwerk te migreren. De API's van het sociale raamwerk vermelden geen specifieke sociale netwerken. De netwerkcomponent is weggevaagd, waardoor het toevoegen van ondersteuning voor nieuwe sociale netwerken in de toekomst een pijnloze taak wordt. Kortom: het goede nieuws voor ontwikkelaars is dat het gemakkelijk is om met het sociale raamwerk aan de slag te gaan, vooral als u al bekend bent met het Twitter-raamwerk.
In dit hoofdstuk zal ik u een overzicht geven van het sociale kader en wat het te bieden heeft en ik zal u laten zien wat uw opties zijn wanneer u een sociale component aan uw applicaties wilt toevoegen. Hoewel dit hoofdstuk alleen de basis van het sociale raamwerk zal behandelen, zal het volgende hoofdstuk gaan over een grondiger integratie van uw applicatie met het sociale raamwerk. Als een extra bonus, zal ik ook de UIActivityViewController class bespreken. Dit is een andere toevoeging aan UIKit die het delen van inhoud een fluitje van een cent maakt!
Voor iOS 6 was het delen van content niet zo eenvoudig. Als je ooit Facebook hebt geïntegreerd met een iOS-applicatie, dan ben je vrijwel zeker een aantal hindernissen tegengekomen. In iOS 6 zijn echter een aantal belangrijke verbeteringen aangebracht. Vanaf iOS 6 is integratie met sociale netwerken nu ingebakken in het besturingssysteem, waardoor sociaal delen veel gemakkelijker wordt voor SDK-ontwikkelaars.
Op het moment van schrijven ondersteunt het sociale raamwerk integratie met Facebook, Sina Weibo en Twitter. De ondersteuning voor Twitter is de voor de hand liggende reden voor de verwerping van het Twitter-raamwerk. Sina Weibo is misschien een vreemde eend in de rij voor sommigen van jullie. Sina Weibo is een immens populair microbloggingplatform in China, een van de meest bevolkte landen op aarde, dus het is niet zo vreemd om de integratie ervan in iOS te zien.
Met het bovenstaande in het achterhoofd, welke opties heeft u als een van uw applicaties moet worden geïntegreerd met Facebook, Twitter of Sina Weibo? Het sociale raamwerk biedt twee opties, met behulp van (1) de SLComposeViewController klasse of (2) de SLRequest klasse. Als je in iOS 5 met het Twitter-framework hebt gewerkt, zullen die klassenamen zeker een belletje doen rinkelen.
In dit hoofdstuk zoom ik in op de SLComposeViewController klasse. Het is een eenvoudig te gebruiken en elegante oplossing om uw gebruikers inhoud te laten delen met Twitter, Facebook en Sina Weibo. Laten we naar deze nieuwkomer kijken.
Accentsconagua
SLComposeViewControllerDe eenvoudigste manier om inhoud te delen met een van de ondersteunde sociale netwerken is door gebruik te maken van de SLComposeViewController klasse. Het voorvoegsel SL geeft aan dat het deel uitmaakt van het sociale raamwerk. De SLComposeViewController klasse is het equivalent van de TWTweetComposeViewController klasse van het Twitter-framework. Het belangrijkste verschil is dat SLComposeViewController is niet gebonden aan een bepaald sociaal netwerk in het bijzonder.
Een instantie maken van SLComposeViewController is net zo eenvoudig als bellen composeViewControllerForServiceType: in de klasse en het servicetype doorgeven, dat wil zeggen, het sociale netwerk dat u target. Op het moment van schrijven zijn er drie opties, SLServiceTypeTwitter, SLServiceTypeFacebook, en SLServiceTypeSinaWeibo.
U kunt het configureren SLComposeViewController bijvoorbeeld door de eerste tekst in te stellen of door een afbeelding of koppeling toe te voegen. De. Configureren SLComposeViewController instance is een optionele stap omdat de gebruiker de inhoud van het bericht kan wijzigen voordat het naar de doeldienst wordt verzonden.
Voordat de compose view-controller aan de gebruiker wordt gepresenteerd, is het een goede gewoonte om de voltooiingshandler in te stellen (SLComposeViewControllerCompletionHandler). Dit laatste is een blok dat wordt uitgevoerd wanneer het verzoek aan de service is voltooid, met succes of zonder succes. Het blok neemt één parameter, het resultaat van het verzoek. Dit kan handig zijn als u de gebruiker wilt laten weten of het verzoek succesvol was of niet.
Presentatie van de SLComposeViewController aan de gebruiker wordt gedaan door het een bericht te sturen van presentViewController: geanimeerd: net als met elke andere (modale) weergavecontroller. Zoals ik eerder al zei, kan de gebruiker het bericht nog steeds bewerken, het bericht geotaggen of een afbeelding of link toevoegen. De opties en de gebruikersinterface van de SLComposeViewController bijvoorbeeld afhankelijk van de service die wordt getarget. Als de gebruiker een bericht naar Facebook verzendt, bijvoorbeeld de modale weergave van de SLComposeViewController instantie is versierd met het bekende paarsachtige kleurenschema.
De SLComposeViewController klasse heeft een andere klassemethode die het vermelden waard is, isAvailableForServiceType:. De TWTweetComposeViewController heeft een vergelijkbare naam voor de klassenmethode, canSendTweet. Met deze methode kan uw toepassing het besturingssysteem vragen of de service die u wilt targeten beschikbaar is. Zoals met composeViewControllerForServiceType, de klassemethode accepteert een servicetype dat aangeeft welke service wordt getarget. Hoewel isAvailableForServiceType: geeft a terug JA of NEE, het besturingssysteem voert achter de schermen een aantal controles voor u uit. Het zal controleren of het sociale netwerk bereikbaar is en, nog belangrijker, het zal controleren of de gebruiker een geldig account voor de doelservice heeft geïnstalleerd. Laten we gebruikersaccounts nader bekijken en bekijken hoe deze worden beheerd door het besturingssysteem.
Het sociale kader hanteert een concept dat bekend staat als eenmalig inloggen (SSO), en het is belangrijk om de implicaties van deze ontwerpbeslissing te begrijpen. Simpel gezegd, het is niet langer nodig voor elke externe applicatie om zich te authenticeren met de doelservice, het besturingssysteem zorgt nu voor u en stelt een aantal eindpunten aan ontwikkelaars bloot via het sociale raamwerk. Zoals je misschien al geraden hebt, betekent dit dat een centrale locatie voor het opslaan van de gebruikersaccounts noodzakelijk is. Die centrale locatie is natuurlijk de app Instellingen van iOS, en stelt gebruikers in staat om hun sociale netwerkgegevens te beheren vanuit Instellingen maakt het delen van inhoud van binnen apps veel efficiënter.
Hoewel de applicatie iOS 6-instellingen alleen de mogelijkheid biedt om één Facebook-account te beheren, kunnen gebruikers meerdere Twitter-accounts beheren. Door de accounts van de gebruiker op één centrale locatie op te slaan, hoeven applicatieontwikkelaars van derde partijen deze gevoelige gegevens niet langer zelf te beheren.
UIActivityViewControllerUIActivityViewController is een prachtige toevoeging aan UIKit. Het maakt het delen van content een fluitje van een cent. Zoals de klassenaam impliceert, UIActivityViewController is een subklasse van UIViewController. UIActivityViewController maakt het delen van inhoud triviaal door de gebruiker een reeks opties te geven waaruit hij kan kiezen. De gebruiker kan inhoud delen via e-mail, Twitter of gewoon een URL naar het klembord plakken. Er zijn nogal wat opties om uit te kiezen en de eindpunten zijn niet beperkt tot de drie sociale netwerken die door het sociale raamwerk worden ondersteund. Als de UIActivityViewController naam impliceert, de klas maakt deel uit van UIKit, niet het sociale raamwerk. Met andere woorden, het is niet nodig om uw project te koppelen aan het sociale raamwerk als u alleen het UIActivityViewController klasse.
Hoewel UIActivityViewController maakt geen deel uit van het sociale raamwerk, ik heb ervoor gekozen om het in dit hoofdstuk op te nemen, omdat het een zekere grond deelt met het sociale kader. Sterker nog, dat merk je in enkele ogenblikken UIActivityViewController deelt behoorlijk wat functionaliteit met SLComposeViewController. Om beter te begrijpen UIActivityViewController , je zou het kunnen vergelijken met een postkantoor. Een postkantoor neemt uw bericht en zorgt ervoor dat het wordt afgeleverd op het adres (de service of het eindpunt) dat u hebt opgegeven.
Sommigen van u merken misschien dat het enige overeenkomst vertoont met de bekende open-sourcebibliotheek ShareKit. UIActivityViewController is veel krachtiger, omdat het naadloos kan worden geïntegreerd met het besturingssysteem en de bijbehorende services. Net als met ShareKit kunnen ontwikkelaars echter aangepaste eindpunten toevoegen aan de reeks eindpunten UIActivityViewController integreert met en geeft aan de gebruiker weer.
Gebruik makend van UIActivityViewController is net zo eenvoudig als het gebruik van SLComposeViewController. De aangewezen initialisator van UIActivityViewController neemt twee parameters, (1) activiteitenitems en (2) toepassingsactiviteiten. Beide argumenten moeten exemplaren van NSArray zijn. De eerste parameter is een array van gegevensobjecten die u wilt delen. De array kan een of meer tekstfragmenten of slechts één afbeelding bevatten. Het type inhoud dat u kunt delen, is niet alleen afhankelijk van welk type gegevens uw toepassing kan bieden, maar ook welk type gegevens het eindpunt accepteert. De UIActivityViewController klasse zorgt ervoor dat de gegevensobjecten correct worden verwerkt, afhankelijk van de service of het eindpunt dat de gebruiker kiest.
De tweede parameter, toepassingsactiviteiten, is een reeks services of eindpunten die UIActivityViewController zal presenteren aan de gebruiker. Diensten omvatten e-mail, Twitter, Facebook, afdrukken of iets kopiëren naar het klembord. Zoals eerder vermeld, hebben ontwikkelaars de mogelijkheid om ook services toe te voegen. Als de toepassingsactiviteiten op nul zijn ingesteld, gebruikt het besturingssysteem de standaardset toepassingsactiviteiten.
Na het presenteren van de UIActivityViewController bijvoorbeeld voor de gebruiker, UIActivityViewController zorgt voor de rest. Bijvoorbeeld als u Twitter hebt toegevoegd als een toepassingsactiviteit, UIActivityViewController zal eerst controleren of Twitter beschikbaar is en of de gebruiker een Twitter-account op zijn apparaat heeft geïnstalleerd alvorens het als een optie aan de eindgebruiker te presenteren. UIActivityViewController bespaart u veel hoofdbrekens en het duurt slechts enkele regels code om te integreren met een applicatie.
Om te illustreren hoe eenvoudig het is om te gebruiken UIActivityViewController en SLComposeViewController, we gaan een eenvoudige shoebox-applicatie bouwen om foto's te delen. Met de toepassing kunnen gebruikers een afbeelding uitsnijden, een bijschrift toevoegen en deze delen met vrienden en familie. In de voorbeeldtoepassing ziet u hoe eenvoudig het is om inhoud dynamisch te delen in iOS 6.
Begin met het maken van een nieuw project in Xcode. Selecteer de Toepassing enkele weergave sjabloon uit de lijst met sjablonen (figuur 3). Geef uw applicatie een naam Sharetastic, voer een bedrijfsnaam en ID in, stel de iPhone in voor de apparaatfamilie en controleer Gebruik automatische referentietelling. Verwijder de selectie van de overige selectievakjes voor dit project (figuur 4). Geef op waar u het project wilt opslaan en klik op de creëren knop.
Aangezien onze applicatie gebruik zal maken van het sociale raamwerk, moeten we dit aan ons project toevoegen. Selecteer het project in de Project Navigator en selecteer het doel aan de rechterkant (figuur 5). Selecteer de Bouw fases tab bovenaan, open de Binaire koppeling met bibliotheken lade, klik op de plusknop en kies Social.framework van de lijst (figuur 5). Ons project is nu succesvol gekoppeld aan het sociale raamwerk.
Vergeet niet om een importinstructie boven aan het header-bestand van onze view controller toe te voegen om de headers van het sociale framework in uw project te importeren.
#importeren#importeren
Voordat we de gebruikersinterface van onze toepassing maken, moeten we de nodige verkooppunten en acties aan het headerbestand van onze view controller toevoegen. Er moeten in totaal vier verkooppunten worden toegevoegd, UITextField voor het invoeren van het bijschrift van de afbeelding, a UIImageView weergeven van de afgebroken afbeelding en twee UIButton instances. Als u op de eerste knop tikt, wordt de afbeelding en het bijschrift naar het Facebook-account van de gebruiker verzonden. Als u op de tweede knop tikt, wordt een instantie weergegeven van UIActivityViewController, presentatie van de gebruiker met een aantal opties voor het delen van de afbeelding en bijschrift. Zoals je misschien al geraden hebt, is elke knop gebonden aan een IBAction. Het codefragment hieronder laat zien hoe het headerbestand van onze view controller er uit moet zien:
#importeren#importeren @interface RPViewController: UIViewController @property (weak, nonatomic) IBOutlet UITextField * captionTextField; @property (weak, nonatomic) IBOutlet UIImageView * imageView; @property (weak, nonatomic) IBOutlet UIButton * facebookButton; @property (weak, nonatomic) IBOutlet UIButton * shareButton; - (IBAction) Facebook: (id) afzender; - (IBAction) delen: (id) afzender; @einde
Het is tijd om naar het XIB-bestand van onze view controller te gaan. Om de zaken eenvoudig te houden, zullen we de nieuwe iOS 6 Autolayout-functies niet in dit hoofdstuk gebruiken. Open het XIB-bestand van de weergavecontroller en open het Bestand Inspector aan de rechterkant en haal het vinkje weg Gebruik Autolayout checkbox.
Met het XIB-bestand van de view controller geselecteerd, begin je met het slepen van een tekstveld in de weergave van de view controller en plaats je het bovenaan het scherm (figuur 6). Configureer het tekstveld door het Kenmerken Inspector en verander zijn placeholder-tekst in Voer een onderschrift in. Met het tekstveld nog steeds geselecteerd, opent u de Verbindingen Inspecteur en verbind de tekstveld's delegeren stopcontact voor de Bestand eigenaar object aan de linkerkant. Dit betekent dat de view controller fungeert als de gedelegeerde van het tekstveld. De reden hiervoor wordt binnen enkele minuten duidelijk. Zorg ervoor dat u ook de captionTextField Uitgang naar het tekstveldobject op het scherm.
Sleep een instantie van UIImageView van de bibliotheek naar de weergave van de view controller en plaats deze onder het tekstveld (figuur 6). Wijzig de afmetingen tot 280 punten met 280 punten. Open de Kenmerken Inspector nogmaals en verander de modus van de beeldweergave (inhoudsmodus) eigendom van Aspect Fit en zorg ervoor om te controleren Gebruikersinteractie ingeschakeld. Dit laatste is belangrijk omdat we binnenkort een tikgebaarherkenning aan de beeldweergave zullen toevoegen. Als we de interactie van de gebruiker voor de afbeeldingsweergave niet inschakelen, zal de tikgebaarherkenner niet werken. Vergeet niet het stopcontact van de view controller aan te sluiten op onze beeldweergave. De eenvoudigste manier om dit te doen, is door op te drukken Ctrl sleutel, sleept u van de afbeeldingsweergave naar het object Eigenaar van het bestand en selecteert u het juiste verkooppunt.
Om de gebruikersinterface van onze applicatie af te ronden, voegt u er twee toe UIButton exemplaren naar de mening van de controlecontroller en plaatst deze onder de afbeeldingweergave (figuur 6). Geef de bovenste knop een titel van Facebook en de onderste knop een titel van Delen. Sluit de resterende uitgangen aan zoals ik hierboven heb beschreven. Koppel bovendien de twee acties van onze weergavecontroller aan door op de Ctrl-toets te drukken, vanuit het object Eigenaar van het bestand naar elke knop te slepen en vervolgens de bijbehorende actie te selecteren. De gebruikersinterface is klaar. Nu is het tijd om wat code te schrijven om het allemaal te laten werken!
Er is nog een ding dat we moeten toevoegen aan het header-bestand van onze view controller. Daar gaan we gebruik van maken UIImagePickerController om foto's te maken, moet onze view controller voldoen aan zowel de UINavigationControllerDelegate en UIImagePickerControllerDelegate protocols. Zoals ik een paar momenten geleden al heb vermeld, fungeert onze view-controller ook als de gedelegeerde van het veld voor ondertitelingstekst. Dit betekent dat de view controller zich moet conformeren aan de UITextFieldDelegate protocol ook. Bekijk het bijgewerkte headerbestand van onze view controller voor verduidelijking.
