Wie skaliere ich das Bild und zentriere es auf einem UIButton in Swift?

8
%Vor%

Ich habe ein Bild, das ich auf meine Schaltfläche gesetzt habe, aber ich möchte es kleiner skalieren als die Schaltfläche (z. B. sollte das Bild 50,50 sein) und die Schaltfläche zentrieren. Wie könnte ich dies in Swift tun?

    
foreyez 26.12.2014, 05:42
quelle

5 Antworten

17

Xcode 8.3.1 • Schnell 3.1

%Vor% %Vor%     
Leo Dabus 26.12.2014, 07:34
quelle
6

Oder über XIB nach Auswahl von UIButton .

Stellen Sie nur sicher, dass Ihre Eingaben alle gleich sind.

    
Michael 19.07.2016 16:46
quelle
5

Das ist eine viel einfachere Möglichkeit, dies zu tun, wenn Sie nicht mit Inhaltseinfügungen umgehen müssen. Hier ist es:

%Vor%     
Rohan Vasishth 25.02.2017 05:19
quelle
1

Swift 4, Swift 3

%Vor%

oder

%Vor%

oder

%Vor%     
Shakeel Ahmed 14.02.2018 16:18
quelle
0

Wenn Sie diese Frage haben und sich die Schaltfläche in einer Stapelansicht befindet,

Wählen Sie die Schaltfläche und fügen Sie die Einschränkung hinzu: Seitenverhältnis

Es sollte (abhängig von der stackView-Konfiguration) den Aspekt beibehalten.

Ich hoffe, es hilft.

    
MLBDG 26.07.2017 20:20
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset ___ answer35031221 ___

benutze diesen Code einfach in deiner app.js innerhalb .run

%Vor%     
___ answer27922893 ___

Ich habe ein ähnliches Problem gelöst, indem ich ngcordova verwendet habe. Es gibt Ihnen einen eckigen Wrapper um das Plugin, der Versprechungen implementiert.

Cordova-Plugins sind oft nicht bereit, wenn Sie versuchen, sie aufzurufen. Mit der Promise-Schnittstelle können Sie vermeiden, undefinierte Fehler zu vermeiden.

Ich habe das Beispiel von der ngcordova-Seite im Netzwerk-Plugin hier gestohlen.

%Vor%     
___ answer32065879 ___

Für jeden Neubesucher, der Schwierigkeiten hat, die Antwort von Armed10 zu bekommen, möchten Sie vielleicht den Beitrag lesen, den ich geschrieben habe und der Ihnen Schritt für Schritt erklärt, wo und warum Sie ein Stück Code einfügen sollten. beginnen mit Ionic): Ссылка .

Außerdem habe ich den Beispielcode frei auf Github veröffentlicht: Ссылка .

edit: Gemäß den StackOverflow-Regeln füge ich hier auch den Post-Inhalt hinzu:

Schritt für Schritt, wie man das selbst macht

Starten Sie ein neues ionisches Projekt, indem Sie Folgendes tun:

%Vor%

Ändern Sie dann das Verzeichnis in das neu erstellte IonicNetworkInfo:

%Vor%

Installieren Sie ngCordova mit Bower:

%Vor%

Wenn Sie keine Steckdose installiert haben, können Sie sie mit npm installieren:

%Vor%

Öffnen Sie die Datei www / index.html in Ihrem bevorzugten Editor, und fügen Sie den Verweis auf ngCordova (direkt über dem Skript cordova.js) hinzu:

%Vor%

Installieren Sie das ngCordova-Netzwerk-Plugin, indem Sie den folgenden Befehl in Ihrer Terminal / Eingabeaufforderung ausführen (Sie sollten dies aus dem Stammverzeichnis Ihrer App tun; in unserem Fall also das IonicNetworkInfo-Verzeichnis):

%Vor%

Um zu überprüfen, ob Sie das Plugin erfolgreich installiert haben, können Sie den folgenden Befehl ausführen (aus dem Stammverzeichnis - ich wiederhole das nicht mehr; wenn ich sage, dass Sie einen Befehl von der Terminal / Eingabeaufforderung ausführen sollten, in diesem Fall bedeutet dies aus dem Stammverzeichnis der Anwendung):

%Vor%

Sie sollten die folgende Ausgabe sehen:

%Vor%

Öffnen Sie die Datei www / js / app.js und fügen Sie der Abhängigkeitenliste ngCordova hinzu, so dass die erste Zeile im Prinzip so aussieht:

%Vor%

Erstellen Sie einen neuen Controller in der Datei www / js / app.js namens MyCtrl mit folgendem Inhalt:

%Vor%

In diesem Controller fügen Sie einen Event-Listener für das Device-Ereignis an (weil es sein könnte, dass das Gerät bei der Ausführung dieses Codes noch nicht initialisiert wurde) und Sie erhalten die Netzwerkinformationen mit:

%Vor%

Die Informationen über das Wetter, mit dem Sie mit dem Internet verbunden sind, erhalten Sie mit der folgenden Zeile:

%Vor%

Dann registrieren Sie zwei Ereignisse $ cordovaNetwork: online und $ cordovaNetwork: online, die ausgelöst werden, wenn das Gerät online / offline wird. In ihnen aktualisieren Sie dann nur die Variablen $ scope (). Nur als Referenz sollte der gesamte Inhalt der Datei www / js / app.js lauten:

%Vor%

Fügen Sie in der index.html-Datei innerhalb des ion-content-Tags den folgenden Inhalt ein:

%Vor%

Im Wesentlichen zeigen wir hier den Inhalt der Netzwerkvariablen (die über den Controller an den $ scope angehängt ist). Durch die Verwendung der Ion-Toggle-Komponente werden auch die Benachrichtigungen "Ich bin online" / "Ich bin offline" angezeigt.

Als Referenz sollte der Inhalt der gesamten index.html-Datei wie folgt aussehen:

%Vor%

Um diese Anwendung zu testen, sollten Sie sie auf Ihrem Gerät ausführen (weil Sie das Netzwerk im iOS-Simulator nicht deaktivieren können). Wenn Sie ein Android-Gerät an Ihren Computer angeschlossen haben (und alle vorhandenen SDKs), können Sie folgende Befehle ausführen, um Ihre Anwendung auf Ihrem Android-Gerät auszuführen:

%Vor%     
___ answer37750509 ___

Bevor Sie die "Verbindung" aufrufen, müssen Sie das Gerät überprüfen:

%Vor%     
___ qstntxt ___

Ich arbeite am Ionic Framework und stelle Probleme mit dem Apache Cordova Network API zur Erkennung der Internetverbindung in der Android App. Ich habe dieses Tutorial genannt und auch ein Demo-Projekt erstellt, das gut funktioniert .

Ich habe die folgenden Schritte befolgt. [aus dem Tutorial]

  1. %code%

  2. %code%

  3. Öffnen Sie %code%

  4. Kopieren Sie diesen Code

    %Vor%

  5. Installieren Sie Cordova Plugin %code%

  6. Erstellen Sie %code%

  7. Führen Sie %code%

    8. aus

Das funktioniert gut

Problem

  1. Kopieren Sie %code% von %code% in %code% und führen Sie die Schritte 6 und 7
    2. aus

Ich bekomme eine Warnung %code%

Nach kopieren Sie das Einfügen von %code% sieht so aus

%Vor%

Sobald ich meine %code% und %code% in das Verzeichnis %code% kopiere, geht das Ganze in die Luft.

Jede Hilfe beim Debuggen wird sehr geschätzt.

Danke,

Hinweis

Ich habe %code% in %code% .

Ich habe %code% und %code% nach dem Kopieren ebenfalls neu installiert.

    
___ tag123cordova ___ Apache Cordova (früher PhoneGap) ist ein Framework, mit dem Entwickler plattformübergreifende mobile Anwendungen mithilfe von Webtechnologien wie HTML, JavaScript und CSS erstellen können. ___ tag123angularjs ___ Für Fragen zu AngularJS (1.x), dem Open-Source-JavaScript-Framework. Verwenden Sie dieses Tag NICHT für Angular 2 oder höhere Versionen. Verwenden Sie stattdessen das [eckige] -Tag. ___ tag123ionic ___ Ionic ist ein Front-End-Framework für die Entwicklung von hybriden mobilen Apps mit HTML-Inhalten unter Verwendung von Sass und Angular. Standardmäßig läuft es auf Cordova. ___ tag123ionicframework ___ Ionic ist ein Front-End-Framework für die Entwicklung hybrider mobiler Apps mit HTML-Inhalten, die Sass und Angular verwenden. Standardmäßig läuft es auf Cordova. ___ tag123cordovaplugins ___ Ein Cordova-Plugin verbindet ein paar Funktionen zwischen dem WebView, das eine Cordova-Anwendung antreibt, und der nativen Plattform, auf der die Cordova-Anwendung läuft. Plugins bestehen aus einer einzigen JavaScript-Schnittstelle, die auf allen Plattformen verwendet wird, und nativen Implementierungen, die plattformspezifischen Plugin-Schnittstellen folgen, in die das JavaScript eingebunden wird. ___ answer35504202 ___

Wenn Sie kürzlich aktualisiert haben ( cordova 5.0 ausführen), würde ich annehmen, dass %code% installiert werden muss. Fügen Sie dies nach der Installation zu config.xml hinzu, um alle HTTP / s-Anfragen zuzulassen:

%Vor%

Shell:

%Vor%

Konfig.xml:

%Vor%     
___