Как создать кнопку такого типа?
Это пользовательский интерфейс для экрана входа в систему
Как мне создать кнопку такого типа, помогите мне освоиться с Android и попрактиковаться в дизайне пользовательского интерфейса.
нет, у меня есть дизайн экрана входа в систему, который я не знаю, как создавать его шаг за шагом
@Lorddirt Я включил пользовательский интерфейс экрана входа в систему, прежде всего, можете ли вы сказать мне, можно ли это разработать, и если да, то как мне действовать?
если кто-то уже сделал это .... то почему вы думаете, что это невозможно?
Ответы 3
<Button android:layout_width = "wrap_content"
android:layout_height = "wrap_content"
android:background = "@drawable/________">
Добавьте iamge в свои чертежи и добавьте его имя в пустую строку выше
Это добавит пользовательский интерфейс, как показано
спасибо, сэр, я подумал об этой идее перед тем, что для каждой кнопки я должен правильно поставить изображение. Но мне было интересно, могу ли я что-нибудь спроектировать и повторно использовать кнопки такого типа.
Если вы используете один и тот же стиль для многих кнопок, вы можете использовать настраиваемую кнопку. Если это всего лишь 1 или 2 кнопки, то лучше следовать этому подходу.
Вам нужно создать настраиваемый чертеж, например следующий
<?xml version = "1.0" encoding = "utf-8"?>
<!-- use layer list to apply your background -->
<layer-list xmlns:android = "http://schemas.android.com/apk/res/android" >
<item android:drawable = "@drawable/image_name_here" /> <!-- your background here -->
<item>
<shape android:shape = "rectangle" android:padding = "10dp">
<!-- To have rounded corner -->
<corners
android:bottomRightRadius = "5dp"
android:bottomLeftRadius = "5dp"
android:topLeftRadius = "5dp"
android:topRightRadius = "5dp"/>
</shape>
</item>
</layer-list>
Я потратил почти 1 час, чтобы спроектировать это самостоятельно. Надеюсь, это вам поможет.
button_background.xml
<?xml version = "1.0" encoding = "utf-8"?>
<layer-list xmlns:android = "http://schemas.android.com/apk/res/android">
<item>
<shape android:shape = "rectangle">
<solid android:color = "#99ffffff" />
<corners android:radius = "15dp" />
<padding android:right = "70dp" />
</shape>
</item>
<item>
<shape android:shape = "rectangle">
<solid android:color = "#fdffa811" />
<corners
android:bottomLeftRadius = "15dp"
android:radius = "90dp"
android:topLeftRadius = "15dp" />
</shape>
</item>
</layer-list>
RelativeLayout
layout.xml
<RelativeLayout
xmlns:android = "http://schemas.android.com/apk/res/android"
android:layout_width = "match_parent"
android:layout_height = "match_parent">
<Button
android:layout_width = "200dp"
android:layout_height = "wrap_content"
android:layout_alignParentEnd = "true"
android:layout_alignParentTop = "true"
android:layout_marginEnd = "76dp"
android:layout_marginTop = "238dp"
android:text = "Login Now"
android:textColor = "@android:color/white"
android:textAllCaps = "false"
android:background = "@drawable/button_background"
android:id = "@+id/button" />
<TextView
android:layout_width = "wrap_content"
android:layout_height = "wrap_content"
android:layout_alignBaseline = "@+id/button"
android:layout_alignBottom = "@+id/button"
android:layout_alignEnd = "@+id/button"
android:layout_marginEnd = "16dp"
android:background = "@drawable/forward_black_24dp" />
</RelativeLayout>
Векторный значок для TextView ..
forward_black_24dp.xml
<vector xmlns:android = "http://schemas.android.com/apk/res/android"
android:width = "24dp"
android:height = "24dp"
android:viewportWidth = "24.0"
android:viewportHeight = "24.0">
<path
android:fillColor = "#f19b06"
android:pathData = "M12,4l-1.41,1.41L16.17,11H4v2h12.17l-5.58,5.59L12,20l8,-8z"/>
</vector>
Выход
Большое спасибо за ваше драгоценное время. и это мне действительно помогло.
Рад помочь вам :)
Добро пожаловать в SO. Вы что-нибудь сделали, чтобы повторить это?