Intereting Posts
Проблема с пейджером Android в режиме паузы Перевести / масштабировать растровое изображение в границах? Как устранить предупреждение в android layout.xml: «missing contentDescription» Медленная загрузка на Android-эмулятор ViewPager не работает, если установлен layout_height = wrap_content Bluetooth: Перенос вызова с исходного телефона Android в комплект для создания звука-звука? Помогите новичку изучать лучшие практики Eclipse / Android Android-сканер отпечатков пальцев на Android-эмуляторе Удалите пустое пространство из электронной почты и пароль, используя EditText Ошибка потока / обработчика. Указанный токен блокировки синхронизации очереди сообщений не был отправлен Подключение PhoneGap с localhost webservice Android Как создать вид программы Прокрутка не работает должным образом для RecyclerView внутри CoordinatorLayout Вес Android с полями и прокладками Как получить следующую дату при нажатии кнопки на Android?

Как увеличить картинку Android TableLayout

Я делаю gomoku для Android на Java.

Я создал табло в верхней части действия и новую Button внизу .

В центре я создал 100 ImageView s (10 строк и 10 столбцов) в TableLayout . Он отлично работает в планшетах, но в телефонах – особенно на небольших телефонах – ImageView s слишком мал , и вы не можете дотронуться до совершенства, чего хотите.

Я хотел бы реализовать функцию масштабирования . Это может быть мультисенсорный зум или Button ZoomControl , единственное, что мне нужно – это работать. Поэтому я хотел бы увеличить масштаб и уменьшить масштаб в TableLayout , но табло и новая Button ничего не делают.

 <?xml version="1.0" encoding="utf-8"?> <TableLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/tableLayout1" android:layout_width="match_parent" android:layout_height="fill_parent" android:gravity="center_vertical" > <TableRow android:id="@+id/tableRowE" android:layout_width="fill_parent" android:layout_height="wrap_content" android:paddingLeft="5dip" android:paddingRight="5dip" android:paddingTop="5dip" android:paddingBottom="10dip" android:gravity="center" > <TextView android:id="@+id/twScoreboard" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/result" android:textSize="20sp" android:layout_span="10" android:gravity="center" /> </TableRow> <TableRow android:id="@+id/tableRow0" android:layout_width="wrap_content" android:layout_height="wrap_content" android:paddingRight="5dip" android:paddingLeft="5dip" android:gravity="center" > <ImageView android:id="@+id/ImageView1" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView2" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView3" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView4" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView5" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView6" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView7" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView8" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView9" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageViewx" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> </TableRow> <TableRow android:id="@+id/tableRow1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:paddingLeft="5dip" android:paddingRight="5dip" android:gravity="center" > <ImageView android:id="@+id/ImageView11" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView12" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView13" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView14" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView15" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView16" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView17" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView18" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView19" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView20" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> </TableRow> <TableRow android:id="@+id/tableRow2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:paddingLeft="5dip" android:paddingRight="5dip" android:gravity="center" > <ImageView android:id="@+id/ImageView21" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView22" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView23" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView24" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView25" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView26" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView27" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView28" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView29" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView30" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> </TableRow> <TableRow android:id="@+id/tableRow3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:paddingLeft="5dip" android:paddingRight="5dip" android:gravity="center" > <ImageView android:id="@+id/ImageView31" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView32" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView33" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView34" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView35" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView36" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView37" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView38" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView39" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView40" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> </TableRow> <TableRow android:id="@+id/tableRow4" android:layout_width="wrap_content" android:layout_height="wrap_content" android:paddingLeft="5dip" android:paddingRight="5dip" android:gravity="center" > <ImageView android:id="@+id/ImageView41" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView42" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView43" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView44" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView45" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView46" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView47" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView48" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView49" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView50" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> </TableRow> <TableRow android:id="@+id/tableRow5" android:layout_width="wrap_content" android:layout_height="wrap_content" android:paddingLeft="5dip" android:paddingRight="5dip" android:gravity="center" > <ImageView android:id="@+id/ImageView51" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView52" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView53" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView54" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView55" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView56" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView57" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView58" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView59" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView60" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> </TableRow> <TableRow android:id="@+id/tableRow6" android:layout_width="wrap_content" android:layout_height="wrap_content" android:paddingLeft="5dip" android:paddingRight="5dip" android:gravity="center" > <ImageView android:id="@+id/ImageView61" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView62" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView63" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView64" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView65" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView66" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView67" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView68" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView69" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView70" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> </TableRow> <TableRow android:id="@+id/tableRow7" android:layout_width="wrap_content" android:layout_height="wrap_content" android:paddingLeft="5dip" android:paddingRight="5dip" android:gravity="center" > <ImageView android:id="@+id/ImageView71" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView72" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView73" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView74" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView75" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView76" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView77" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView78" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView79" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView80" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> </TableRow> <TableRow android:id="@+id/tableRow8" android:layout_width="wrap_content" android:layout_height="wrap_content" android:paddingLeft="5dip" android:paddingRight="5dip" android:gravity="center" > <ImageView android:id="@+id/ImageView81" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView82" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView83" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView84" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView85" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView86" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView87" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView88" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView89" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView90" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> </TableRow> <TableRow android:id="@+id/tableRow9" android:layout_width="wrap_content" android:layout_height="wrap_content" android:paddingLeft="5dip" android:paddingRight="5dip" android:gravity="center" > <ImageView android:id="@+id/ImageView91" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView92" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView93" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView94" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView95" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView96" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView97" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView98" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView99" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> <ImageView android:id="@+id/ImageView100" android:layout_width="32dp" android:layout_height="32dp" android:src="@drawable/empty" android:textSize="20sp" /> </TableRow> <TableRow android:id="@+id/tableRowU" android:layout_width="wrap_content" android:layout_height="wrap_content" android:paddingLeft="5dip" android:paddingRight="5dip" android:paddingTop="20dip" android:gravity="center" > <Button android:id="@+id/ImageViewNewGame" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_span="10" android:onClick="NewGame" android:text="@string/newGame" android:textSize="20sp" /> </TableRow> 

Solutions Collecting From Web of "Как увеличить картинку Android TableLayout"

Я думаю, вы можете изменить способ создания сетки изображений вообще, используя GridView, а не TableLayout. С помощью GridView вы можете контролировать, насколько велики ваши столбцы (вызывая gridView.setColumnWidth(int) ), а также он действительно очистит ваш макет / сделает ваш код более удобным для управления в долгосрочной перспективе. Таким образом, когда ваш пользователь нажимает кнопку «увеличить», просто увеличивайте ширину столбца, match_parent ImageViews в каждом элементе сетки match_parent , и Android должен автоматически масштабировать изображения для вас. Я думаю, что это также облегчит управление событиями щелчка / будущими изменениями в вашем стиле и сделает ваш макет xml более управляемым (меньшее количество строк кода, более мобильность, меньшее количество ошибок). Для руководства по GridViews просто ознакомьтесь с руководством Google:

http://developer.android.com/guide/topics/ui/layout/gridview.html

Для чего-то с более чем столбцом / строкой или двумя одинаковыми типами, вы действительно не должны использовать TableLayout в любом случае.

Но если, несмотря на вышеизложенное, вы действительно супер привязаны к TableLayout, у вас есть несколько вариантов. Проще всего, вероятно, следует включить его в ScrollView и использовать различные методы для масштабирования TableLayout. Например, вы можете вручную настроить ширину и высоту TableLayout или установить на нем ScaleGestureDetector. Таким образом, вы можете масштабировать контент, а также прокручивать его, когда он больше. Тем не менее, я думаю, что GridView, безусловно, лучший вариант, по множеству причин.