{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unstyled","key":"dgaor"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В этой статье мы научимся использовать виджет Button в Android. Также здесь рассказывается о том, как обрабатывать нажатия, применять стили, работать с xml-макетом кнопки, а также управлять виджетом Button в коде. Урок будет полезен для начинающих андроид-программистов.","type":"unstyled","key":"7ikn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сегодня мы узнаем как задавать различные расположение для кнопок, менять фоновые изображения и обрабатывать события, связанные с виджетом Button.","type":"unstyled","key":"6ho29"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создаем кнопку в Android","type":"header-three","key":"ct40b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Кнопка представляет собой кликабельный Android виджет, который может принимать различные формы и реагировать на действия пользователя, а именно: обычное нажатие, длительное нажатие и т.д. Виджет Button доступен в пакете android.widget.Button.","type":"blockquote","key":"d26b4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как и любой другой виджет, вы можете объявить Button в макете вашей активности или фрагмента, также создать кнопку программно.","type":"unstyled","key":"ai5gk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Давайте создадим первые кнопки и зададим различные свойства каждой:","type":"unstyled","key":"1bed6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":861,"offset":0,"style":"BOLD"},{"length":861,"offset":0,"style":"ITALIC"}],"text":"\n\n \n \n \n \n \n \n \n \n ","type":"unstyled","key":"e9lfo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как работают кнопки? Что происходит в каждом виджете Button?","type":"header-three","key":"601v0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Android отрендерит приведенный выше XML-код макета следующим образом:","type":"unstyled","key":"47e9h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Android увидит тип макета LinearLayout установит его в вертикальное положение.","type":"unordered-list-item","key":"55nkk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Параметр layout_width укажет ширину макета, а layout_height — высоту. Если в каком-то из значений будет match_parent, то кнопка растянется на весь экран; wrap_content укажет, что размеры кнопки должны быть достаточными, чтобы вместить вложенный контент (текст, картинка).","type":"unordered-list-item","key":"91kv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"android:layout_gravity определит позиционирование виджета Button относительно родительского компонента.","type":"unordered-list-item","key":"2hr9c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"android:gravity определит выравнивание содержимого Button. Она задается одной из констант left, right, center_vertical, center_horizontal, center.","type":"unordered-list-item","key":"bn9oi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как выглядит макет после рендеринга (прорисовки макета после анализа):","type":"unstyled","key":"87lh7"},{"data":{"image":{"id":"5ee073e197a78e51799bb528"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"88s6f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Инициализация кнопки в Android","type":"header-three","key":"854q5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь, когда у нас уже есть готовый макет с четырьмя разными по форме и размеру кнопками, давайте инициализируем их в коде нашей Activity:","type":"unstyled","key":"2ae9l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":192,"offset":0,"style":"BOLD"},{"length":192,"offset":0,"style":"ITALIC"}],"text":"protected void onCreate(Bundle savedInstanceState) {\n super.onCreate(savedInstanceState);\n setContentView(R.layout.layout_main);\n \n Button topButton = (Button) findViewById(R.id.topButton); \n}","type":"unstyled","key":"eu83a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пояснение: в методе onCreate() мы по идентификатору находим view в макете — findViewById(R.id.topButton) и с помощью приведения типов указываем, что это виджет Button.","type":"unstyled","key":"c7hu5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Обработка событий (нажатий) на кнопку","type":"header-three","key":"7a48v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для того, чтобы наша кнопка могла обрабатывать события, нам нужно вызвать метод setOnClickListener() интерфейса View.OnClickListener для срабатывания обратного вызова на нажатие кнопки:","type":"unstyled","key":"f77p6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":49,"offset":0,"style":"BOLD"},{"length":49,"offset":0,"style":"ITALIC"}],"text":"button.setOnClickListener(new OnClickListener() {","type":"unstyled","key":"ejice"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":0,"style":"BOLD"},{"length":9,"offset":0,"style":"ITALIC"}],"text":"@Override","type":"unstyled","key":"73jf8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":29,"offset":0,"style":"BOLD"},{"length":29,"offset":0,"style":"ITALIC"}],"text":"public void onClick(View v) {","type":"unstyled","key":"4uoe2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":77,"offset":0,"style":"BOLD"},{"length":77,"offset":0,"style":"ITALIC"}],"text":"Toast.makeText(this, \"Кнопка сверху была нажата!\", Toast.LENGTH_LONG).show();","type":"unstyled","key":"3d60b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":1,"offset":0,"style":"BOLD"},{"length":1,"offset":0,"style":"ITALIC"}],"text":"}","type":"unstyled","key":"1qer5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":1,"offset":0,"style":"BOLD"},{"length":1,"offset":0,"style":"ITALIC"}],"text":"}","type":"unstyled","key":"5qn31"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":1,"offset":0,"style":"BOLD"},{"length":1,"offset":0,"style":"ITALIC"}],"text":"}","type":"unstyled","key":"6ebmc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Применение стилей к виджету Android Button","type":"header-three","key":"fa9sk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unstyled","key":"88jg2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"К кнопке могут быть применены такие стили, как цвет, шрифт, фон и т.д. Давайте рассмотрим некоторые из атрибуты для стилизации виджетов Button:","type":"unstyled","key":"7l2t6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Атрибут android:background устанавливает фон кнопки. Это может быть шестнадцатеричный цвет в формате RRGGBBAA или это может быть объект drawable.","type":"unordered-list-item","key":"fh09b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Атрибут android:textColor позволяет установить цвет текста виджета Button.","type":"unordered-list-item","key":"72si8"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":24,"offset":12}],"inlineStyleRanges":[],"text":"Подробнее о стилях и темах в Android.","type":"unstyled","key":"6n4pk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":74,"style":"BOLD"}],"text":"Давайте уберем неиспользуемые кнопки и немного поэкспериментируем с нашей topButton кнопкой:","type":"unstyled","key":"4dagp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":469,"offset":0,"style":"BOLD"},{"length":469,"offset":0,"style":"ITALIC"}],"text":"\n\n \n \n ","type":"unstyled","key":"dk7f7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":24,"offset":256,"style":"BOLD"}],"text":"Как видно с макета, мы вручную задали размеры виджета layout_width и layout_height, а также добавили верхний отступ android:layout_marginTop. Также мы использовали атрибут android:background для задания фона виджета Button. Обратите внимание, что картинку facebook_prologistic.jpg мы предварительно скопировали в папку drawable Android-проекта.","type":"unstyled","key":"953gd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"TQdqC5jqoP1ercEJZMRx"}],"entityMap":{"0":{"data":{"url":"https://zen.yandex.ru/media/id/5ebe8598c210ab103fb3d577/stili-i-temy-v-android-5ee074e4b081ba453642101e"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}