Bagaimana cara menghindari tombol terjatuh di bagian bawah layar dan mencegah tampilan teks menghilang menggunakan tata letak otomatis - xcode/swift?

Saya sedang menulis aplikasi iOS sederhana dengan cepat dengan xcode dan memiliki tampilan navigasi di mana saya memiliki tampilan teks (untuk memuat satu atau dua kalimat untuk sebuah pertanyaan) dengan dua tombol di bawah untuk maju dan mundur.

Saya ingin kedua tombol mengisi lebar layar dengan ruang kecil di antaranya dan tampilan teks mengisi ruang yang tersisa. Saat ini saya telah mencoba meletakkan tombol-tombol dalam tampilan tumpukan horizontal tetapi tombol-tombolnya terjepit. Terlebih lagi, ketika saya menggabungkan tumpukan horizontal (berisi tombol-tombol) lalu meletakkannya dan tampilan teks ke dalam tumpukan vertikal, teks tidak dapat dilihat sama sekali saat aplikasi dijalankan (?).

Juga saat ini ketika memutar tampilan, tombol-tombolnya turun ke bagian bawah layar. Apa cara terbaik untuk mengatur ini agar ditampilkan dengan benar di seluruh perangkat/orientasi menggunakan tampilan tumpukan dan batasan? masukkan deskripsi gambar di sini


xcode swift autolayout uistackview
person laurie    schedule 17.05.2017    source sumber

Jawaban (2)


arrow_upward
0
arrow_downward

Seperti yang ditunjukkan dalam salah satu jawaban, Anda perlu menyetel jenis distribusi "Isi Sama Rata".

Setelah mengatur 'tampilan tumpukan tombol' Anda dapat menggunakan tampilan tumpukan lain untuk menampung 'tampilan tumpukan tombol' dan 'tampilan teks',

Or

Anda dapat menggunakan batasan sederhana untuk mengatur 'tampilan teks' di sepanjang 'tampilan tumpukan tombol'

Di storyboard ini saya telah mereplikasi kedua kasus tersebut.

masukkan deskripsi gambar di sini

Anda selalu dapat merujuk https://developer.apple.com/reference/uikit/uistackview. Atau salah satu postingan saya tentang jenis distribusi lain di sini https://stackoverflow.com/a/34059843/1790683

PEMBARUAN: Seperti yang saya lihat di storyboard Anda, tampilan tumpukan luar Anda tidak memiliki batasan. Untuk menambahkan batasan yang tepat, pilih tampilan tumpukan luar dan tombol 'tambahkan batasan baru' di bilah bawah. Lihat tangkapan layar

masukkan deskripsi gambar di sini

person BangOperator    schedule 18.05.2017
comment
Saya paling suka tampilan tumpukan, itu paling masuk akal bagi saya. Masalahnya adalah ketika saya melakukan ini, tampilan teks tidak terlihat di tampilan saya ketika saya menjalankan aplikasi. Apakah saya perlu menyambungkan kembali stopkontak? Saya memilih dua tombol lalu pergi ke editor › sematkan di › tampilan tumpukan. Kemudian pilih tampilan tumpukan dan tampilan teks dan lakukan langkah yang sama. Ini adalah storyboard yang saya miliki saat ini: dropbox.com/sh/885e9rcklg5m7sv/ AAB1zhQ-tGeOCVhGHgVfoHExa?dl=0 - person laurie; 18.05.2017
comment
Terima kasih. Saya telah menambahkan batasan tersebut. Tampilannya lebih terlihat seperti proporsi yang benar, namun teks tidak dimuat ke dalam tampilan teks atau teks tidak ditampilkan karena alasan tertentu. Tombolnya ada di kaki dan ada ruang putih tempat teks harus dimuat. Namun, jika saya menyeret tampilan teks keluar dari tumpukan. Itu memang ditampilkan, kurang lebih di tempat yang tepat. Saya kira, saya bisa saja menggunakan batasan untuk itu tetapi saya ingin tahu mengapa itu tidak dimuat ketika tertanam di tumpukan. Apakah kodenya mungkin perlu diubah? Saya berasumsi outletnya akan tetap sama... - person laurie; 18.05.2017
comment
Hal yang paling aneh adalah saya dapat menyeret tampilan teks ke dalam tampilan teks yang sama dengan tombol, lalu teks tersebut ditampilkan (di sebelah tombol seperti yang Anda harapkan. Namun, jika saya memasukkannya ke dalam tumpukan vertikal (berisi tampilan teks dan tumpukan horizontal (yang pada gilirannya menampung tombol) teks tidak ditampilkan. :/ - person laurie; 18.05.2017
comment
Berikut adalah contoh proyek yang menunjukkan masalah tersebut: dropbox.com/sh/yg3theu523m88oz/ AADSLKXQkrXAwXne54Z7aP3Ea?dl=0 jika Anda menjalankannya, Anda akan melihat bahwa tombol ditampilkan tetapi tidak ada teks. Jika saya memindahkan tampilan teks keluar dari tumpukan... itu menunjukkan... ? - person laurie; 18.05.2017
comment
Tidak yakin apakah tautan terakhir akan memberi Anda akses yang Anda perlukan, jika tidak, coba yang ini: dropbox.com/sh/3vxs1l8us9ltnkw/AAAuZRJDkqChKhyBKtw5V7Uta?dl=0 - person laurie; 18.05.2017
comment
@laurie, Tampilannya lebih terlihat seperti proporsi yang benar, namun teks tidak dimuat ke tampilan teks atau tidak ditampilkan karena alasan tertentu, saya rasa jawaban saya telah memecahkan masalah tata letak Anda. Jika Anda menghadapi masalah lain (bahkan mungkin terkait), Anda harus mengajukan pertanyaan lain. Saya akan dengan senang hati membantu Anda di sana. Terima kasih. - person BangOperator; 19.05.2017

arrow_upward
0
arrow_downward

Anda berada di jalur yang benar menggunakan tampilan tumpukan. Yang perlu Anda lakukan adalah mengatur opsi Distribusi Stack View Anda ke "Isi Secara Sama". Ini dilakukan dengan sangat mudah di storyboard. Untuk menambahkan spasi, ubah spasi ke jumlah spasi tertentu yang Anda cari (saya atur ke 15). Saya telah melampirkan tangkapan layar pengaturan di sini. Lihat "Distribusi"

person Nevin Jethmalani    schedule 17.05.2017