Java 我该怎么做才能让我的android活动设计更像这个应用程序截图?
我该怎么做才能让我的android活动设计更像这个应用程序截图 基本上,我已经看到了这个我喜欢的登录屏幕,并且我试图使我的设计尽可能地与之匹配。但是,尽管我的设计看起来很相似,但它看起来并不那么好 你认为我应该做什么其他的改变,使我的设计看起来和下面的截图一样好。下面是我的代码和我的设计截图 应用程序的屏幕截图,我正在尝试匹配的设计 目前为止我的应用程序设计截图: 到目前为止我的应用程序设计代码: 活动\u main.xmlJava 我该怎么做才能让我的android活动设计更像这个应用程序截图?,java,android,xml,android-layout,android-activity,Java,Android,Xml,Android Layout,Android Activity,我该怎么做才能让我的android活动设计更像这个应用程序截图 基本上,我已经看到了这个我喜欢的登录屏幕,并且我试图使我的设计尽可能地与之匹配。但是,尽管我的设计看起来很相似,但它看起来并不那么好 你认为我应该做什么其他的改变,使我的设计看起来和下面的截图一样好。下面是我的代码和我的设计截图 应用程序的屏幕截图,我正在尝试匹配的设计 目前为止我的应用程序设计截图: 到目前为止我的应用程序设计代码: 活动\u main.xml <RelativeLayout xmlns:android=
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
tools:context="com.how2evolve.conceptdesign.MainActivity">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="Company"
android:id="@+id/textView"
android:layout_centerHorizontal="true"
android:layout_marginTop="122dp"
android:textSize="110px"
android:focusableInTouchMode="false"
android:fontFamily="sans-serif"
android:textStyle="bold|italic"
/>
<Button
android:layout_width="100dp"
android:layout_height="40dp"
android:text="Log in"
android:textColor="#ffff"
android:id="@+id/loginButton"
android:background="@drawable/loginbutton"
android:textStyle="bold"
android:translationZ="-10dp"
android:layout_below="@+id/linearLayout1"
android:layout_alignRight="@+id/linearLayout1"
android:layout_alignEnd="@+id/linearLayout1"
android:layout_marginTop="33dp" />
<LinearLayout
android:id="@+id/linearLayout1"
android:layout_width="320.5dp"
android:layout_height="162dp"
android:background="@drawable/loginbox"
android:orientation="vertical"
android:padding="5dp"
android:layout_marginTop="220dp"
android:layout_centerHorizontal="true"
android:elevation="100dp"
android:clickable="false">
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:textColor="#393A35"
android:textSize="14.4dp"
android:id="@+id/username"
android:layout_marginLeft="10dp"
android:layout_marginTop="26dp"
android:singleLine="true"
android:editable="true"
android:autoText="false"
android:clickable="false"
android:hint="Username"
android:textColorHint="#393A35"
android:enabled="true" />
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:textColor="#393A35"
android:textSize="14.4dp"
android:id="@+id/password"
android:layout_marginLeft="10dp"
android:layout_marginTop="40dp"
android:singleLine="true"
android:password="true"
android:editable="true"
android:hint="Password"
android:enabled="true"
android:textColorHint="#393A35"
android:clickable="false" />
</LinearLayout>
</RelativeLayout>
<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.NoActionBar">
<!-- Customize your theme here. -->
<item name="android:background">#282925</item>
</style>
</resources>
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item >
<shape
android:shape="rectangle" android:bottom="3px">
<solid android:color="#ffffff" />
<corners
android:bottomLeftRadius="4dp"
android:bottomRightRadius="4dp"
android:topLeftRadius="4dp"
android:topRightRadius="4dp" /></shape>
</item>
<item android:left="20dp" android:right="20dp">
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="line">
<stroke android:width="1.7dp" android:color="#BDBDBB" />
</shape>
</item>
</layer-list>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" android:elevation="2dp">
<solid android:color="#0259C8" />
<corners
android:bottomLeftRadius="8dp"
android:bottomRightRadius="8dp"
android:topLeftRadius="8dp"
android:topRightRadius="8dp" /></shape>
Styles.xml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
tools:context="com.how2evolve.conceptdesign.MainActivity">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="Company"
android:id="@+id/textView"
android:layout_centerHorizontal="true"
android:layout_marginTop="122dp"
android:textSize="110px"
android:focusableInTouchMode="false"
android:fontFamily="sans-serif"
android:textStyle="bold|italic"
/>
<Button
android:layout_width="100dp"
android:layout_height="40dp"
android:text="Log in"
android:textColor="#ffff"
android:id="@+id/loginButton"
android:background="@drawable/loginbutton"
android:textStyle="bold"
android:translationZ="-10dp"
android:layout_below="@+id/linearLayout1"
android:layout_alignRight="@+id/linearLayout1"
android:layout_alignEnd="@+id/linearLayout1"
android:layout_marginTop="33dp" />
<LinearLayout
android:id="@+id/linearLayout1"
android:layout_width="320.5dp"
android:layout_height="162dp"
android:background="@drawable/loginbox"
android:orientation="vertical"
android:padding="5dp"
android:layout_marginTop="220dp"
android:layout_centerHorizontal="true"
android:elevation="100dp"
android:clickable="false">
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:textColor="#393A35"
android:textSize="14.4dp"
android:id="@+id/username"
android:layout_marginLeft="10dp"
android:layout_marginTop="26dp"
android:singleLine="true"
android:editable="true"
android:autoText="false"
android:clickable="false"
android:hint="Username"
android:textColorHint="#393A35"
android:enabled="true" />
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:textColor="#393A35"
android:textSize="14.4dp"
android:id="@+id/password"
android:layout_marginLeft="10dp"
android:layout_marginTop="40dp"
android:singleLine="true"
android:password="true"
android:editable="true"
android:hint="Password"
android:enabled="true"
android:textColorHint="#393A35"
android:clickable="false" />
</LinearLayout>
</RelativeLayout>
<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.NoActionBar">
<!-- Customize your theme here. -->
<item name="android:background">#282925</item>
</style>
</resources>
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item >
<shape
android:shape="rectangle" android:bottom="3px">
<solid android:color="#ffffff" />
<corners
android:bottomLeftRadius="4dp"
android:bottomRightRadius="4dp"
android:topLeftRadius="4dp"
android:topRightRadius="4dp" /></shape>
</item>
<item android:left="20dp" android:right="20dp">
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="line">
<stroke android:width="1.7dp" android:color="#BDBDBB" />
</shape>
</item>
</layer-list>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" android:elevation="2dp">
<solid android:color="#0259C8" />
<corners
android:bottomLeftRadius="8dp"
android:bottomRightRadius="8dp"
android:topLeftRadius="8dp"
android:topRightRadius="8dp" /></shape>
#282925
Loginbox.xml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
tools:context="com.how2evolve.conceptdesign.MainActivity">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="Company"
android:id="@+id/textView"
android:layout_centerHorizontal="true"
android:layout_marginTop="122dp"
android:textSize="110px"
android:focusableInTouchMode="false"
android:fontFamily="sans-serif"
android:textStyle="bold|italic"
/>
<Button
android:layout_width="100dp"
android:layout_height="40dp"
android:text="Log in"
android:textColor="#ffff"
android:id="@+id/loginButton"
android:background="@drawable/loginbutton"
android:textStyle="bold"
android:translationZ="-10dp"
android:layout_below="@+id/linearLayout1"
android:layout_alignRight="@+id/linearLayout1"
android:layout_alignEnd="@+id/linearLayout1"
android:layout_marginTop="33dp" />
<LinearLayout
android:id="@+id/linearLayout1"
android:layout_width="320.5dp"
android:layout_height="162dp"
android:background="@drawable/loginbox"
android:orientation="vertical"
android:padding="5dp"
android:layout_marginTop="220dp"
android:layout_centerHorizontal="true"
android:elevation="100dp"
android:clickable="false">
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:textColor="#393A35"
android:textSize="14.4dp"
android:id="@+id/username"
android:layout_marginLeft="10dp"
android:layout_marginTop="26dp"
android:singleLine="true"
android:editable="true"
android:autoText="false"
android:clickable="false"
android:hint="Username"
android:textColorHint="#393A35"
android:enabled="true" />
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:textColor="#393A35"
android:textSize="14.4dp"
android:id="@+id/password"
android:layout_marginLeft="10dp"
android:layout_marginTop="40dp"
android:singleLine="true"
android:password="true"
android:editable="true"
android:hint="Password"
android:enabled="true"
android:textColorHint="#393A35"
android:clickable="false" />
</LinearLayout>
</RelativeLayout>
<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.NoActionBar">
<!-- Customize your theme here. -->
<item name="android:background">#282925</item>
</style>
</resources>
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item >
<shape
android:shape="rectangle" android:bottom="3px">
<solid android:color="#ffffff" />
<corners
android:bottomLeftRadius="4dp"
android:bottomRightRadius="4dp"
android:topLeftRadius="4dp"
android:topRightRadius="4dp" /></shape>
</item>
<item android:left="20dp" android:right="20dp">
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="line">
<stroke android:width="1.7dp" android:color="#BDBDBB" />
</shape>
</item>
</layer-list>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" android:elevation="2dp">
<solid android:color="#0259C8" />
<corners
android:bottomLeftRadius="8dp"
android:bottomRightRadius="8dp"
android:topLeftRadius="8dp"
android:topRightRadius="8dp" /></shape>
Loginbutton.xml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
tools:context="com.how2evolve.conceptdesign.MainActivity">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="Company"
android:id="@+id/textView"
android:layout_centerHorizontal="true"
android:layout_marginTop="122dp"
android:textSize="110px"
android:focusableInTouchMode="false"
android:fontFamily="sans-serif"
android:textStyle="bold|italic"
/>
<Button
android:layout_width="100dp"
android:layout_height="40dp"
android:text="Log in"
android:textColor="#ffff"
android:id="@+id/loginButton"
android:background="@drawable/loginbutton"
android:textStyle="bold"
android:translationZ="-10dp"
android:layout_below="@+id/linearLayout1"
android:layout_alignRight="@+id/linearLayout1"
android:layout_alignEnd="@+id/linearLayout1"
android:layout_marginTop="33dp" />
<LinearLayout
android:id="@+id/linearLayout1"
android:layout_width="320.5dp"
android:layout_height="162dp"
android:background="@drawable/loginbox"
android:orientation="vertical"
android:padding="5dp"
android:layout_marginTop="220dp"
android:layout_centerHorizontal="true"
android:elevation="100dp"
android:clickable="false">
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:textColor="#393A35"
android:textSize="14.4dp"
android:id="@+id/username"
android:layout_marginLeft="10dp"
android:layout_marginTop="26dp"
android:singleLine="true"
android:editable="true"
android:autoText="false"
android:clickable="false"
android:hint="Username"
android:textColorHint="#393A35"
android:enabled="true" />
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:textColor="#393A35"
android:textSize="14.4dp"
android:id="@+id/password"
android:layout_marginLeft="10dp"
android:layout_marginTop="40dp"
android:singleLine="true"
android:password="true"
android:editable="true"
android:hint="Password"
android:enabled="true"
android:textColorHint="#393A35"
android:clickable="false" />
</LinearLayout>
</RelativeLayout>
<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.NoActionBar">
<!-- Customize your theme here. -->
<item name="android:background">#282925</item>
</style>
</resources>
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item >
<shape
android:shape="rectangle" android:bottom="3px">
<solid android:color="#ffffff" />
<corners
android:bottomLeftRadius="4dp"
android:bottomRightRadius="4dp"
android:topLeftRadius="4dp"
android:topRightRadius="4dp" /></shape>
</item>
<item android:left="20dp" android:right="20dp">
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="line">
<stroke android:width="1.7dp" android:color="#BDBDBB" />
</shape>
</item>
</layer-list>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" android:elevation="2dp">
<solid android:color="#0259C8" />
<corners
android:bottomLeftRadius="8dp"
android:bottomRightRadius="8dp"
android:topLeftRadius="8dp"
android:topRightRadius="8dp" /></shape>
我对您的布局做了一些更改,我认为这将更接近您想要的:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
tools:context="com.how2evolve.conceptdesign.MainActivity">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="Company"
android:id="@+id/textView"
android:layout_centerHorizontal="true"
android:layout_marginTop="122dp"
android:textSize="110px"
android:focusableInTouchMode="false"
android:fontFamily="sans-serif"
android:textStyle="bold|italic"
/>
<Button
android:layout_width="100dp"
android:layout_height="40dp"
android:text="Log in"
android:textColor="#ffff"
android:id="@+id/loginButton"
android:textStyle="bold"
android:translationZ="-10dp"
android:layout_below="@+id/linearLayout1"
android:layout_alignRight="@+id/linearLayout1"
android:layout_alignEnd="@+id/linearLayout1"
android:layout_marginRight="10dp"
android:background="@drawable/rounded_button"
/>
<LinearLayout
android:id="@+id/linearLayout1"
android:layout_width="320.5dp"
android:layout_height="162dp"
android:orientation="vertical"
android:padding="5dp"
android:layout_marginTop="220dp"
android:layout_centerHorizontal="true"
android:background="@drawable/rounded_shape"
android:elevation="10dp"
android:clickable="false">
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:textColor="#393A35"
android:textSize="14.4dp"
android:id="@+id/username"
android:layout_marginLeft="10dp"
android:layout_marginTop="26dp"
android:singleLine="true"
android:editable="true"
android:autoText="false"
android:clickable="false"
android:hint="Username"
android:textColorHint="#393A35"
android:enabled="true" />
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:textColor="#393A35"
android:textSize="14.4dp"
android:id="@+id/password"
android:layout_marginLeft="10dp"
android:layout_marginTop="40dp"
android:singleLine="true"
android:password="true"
android:editable="true"
android:hint="Password"
android:enabled="true"
android:textColorHint="#393A35"
android:clickable="false" />
</LinearLayout>
和带有渐变的圆形按钮:
<shape
xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >
<solid
android:color="#1E3DD3" >
</solid>
<gradient
android:angle="90"
android:endColor="#1E6BD3"
android:startColor="#1E3DD3"
android:type="linear" />
<padding
android:left="5dp"
android:top="5dp"
android:right="5dp"
android:bottom="5dp" >
</padding>
<corners
android:bottomLeftRadius="10dp"
android:bottomRightRadius="10dp"/>
希望这能有所帮助
问候
Josestackoverflow用于编码问题,而不是设计问题/建议布局缺少什么?几乎什么都没有(可能是
Join
按钮)。它似乎近乎完美。然后,我看到android:textSize=“110px”
您应该使用sp设置文本大小。它是dp的字体等价物(sp和dp之间没有足够的清晰度,只是sp被字体和dp用于其他任何事情)。也要调整边距和/或填充。代码是通过xmlDer Golem形成的设计的一部分,你明白我的意思了。虽然我上面的代码/设计非常相似,但在我看来,它并不像原来的截图那么好。我无法从图片中看到EditTextes是否实现了某种舍入,但通过查看布局代码,我可以看出您没有实现舍入。