Android Studio Development/Design Tricks

Button with border

<Button
                android:id="@+id/email_sign_in_button"
                style="?android:textAppearanceSmall"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="17dp"
                android:background="@drawable/btn_accented_cornered"
                android:paddingLeft="50dp"
                android:paddingRight="50dp"
                android:text="@string/login"
                android:textColor="@android:color/white"
                android:textStyle="bold"
                app:layout_constraintEnd_toEndOf="@+id/textInputLayout4"
                app:layout_constraintStart_toStartOf="@+id/textInputLayout4"
                app:layout_constraintTop_toBottomOf="@+id/textInputLayout4" />

//btn_accented_cornered.xml

<?xml version="1.0" encoding="UTF-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners android:radius="50dp" />
    <solid android:color="@color/colorPrimary" />
    <stroke
        android:width="1dip"
        android:color="@color/colorPrimary" />
</shape>



TextEdit with grey background

<EditText
                    android:id="@+id/password"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="@drawable/spinner_bg"
                    android:hint="@string/prompt_password"
                    android:imeActionId="6"
                    android:imeActionLabel="@string/action_sign_in_short"
                    android:imeOptions="actionUnspecified"
                    android:inputType="textPassword"
                    android:maxLines="1"
                    android:singleLine="true" />


//spinner bg

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <layer-list>
            <item>
                <shape>
                    <gradient android:angle="90" android:endColor="#eee" android:startColor="#eee" android:type="linear" />
                    <corners android:radius="5dp" />
                    <padding android:bottom="10dp" android:left="3dp" android:right="3dp" android:top="10dp" />
                </shape>
            </item>
        </layer-list>
    </item>
</selector>

Spinner with theme

<Spinner
                android:id="@+id/sp_option"
                style="@style/Spinner2Theme"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_below="@+id/txt_to"
                android:layout_marginTop="10dp"
                android:visibility="gone" />

//style Spinner2Theme

<!-- TextEdit WITH GREY BACKGROUND AND BORDER RADIUS (FOR DIALOG) -->
    <style name="TextEdit2Theme" parent="AppTheme">
        <item name="android:background">@drawable/spinner_bg</item>
    </style>


//drawable/spinner_bg

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <layer-list>
            <item>
                <shape>
                    <gradient android:angle="90" android:endColor="#eee" android:startColor="#eee" android:type="linear" />
                    <corners android:radius="5dp" />
                    <padding android:bottom="10dp" android:left="3dp" android:right="3dp" android:top="10dp" />
                </shape>
            </item>
        </layer-list>
    </item>
</selector>

Comments

Post a Comment

Popular posts from this blog

Android/Java: Crear un SplashScreen para nuestra aplicación

Image
  Codigo java para el onCreate:   Thread myThread = new Thread(){             @Override             public void run(){                 try {                     sleep(2000);                     Intent intent = new Intent(getApplicationContext(), MainActivity.class);                     startActivity(intent);                     finish();                  } catch (InterruptedException e){                     e.printStackTrace();                 }             }         };           myThread.start();
Read more

Android/Java: Video de fondo en nuestro Login

Image
  Codigo del Main: public class MainActivity extends AppCompatActivity {     VideoView vv_fondo;     MediaPlayer mMediaPlayer;     int mCurrentVideoPosition;     @Override     protected void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         setContentView(R.layout.activity_main);             vv_fondo = findViewById(R.id.vv_fondo);           Uri uri = Uri.parse("android.resource://"                             + getPackageName()                             + "/"                              + R.raw.paisaje_fondo         );           vv_fondo.setVideoURI(uri);           vv_fondo.start();             vv_fondo.setOnPreparedListener(new MediaPlayer.OnPreparedListener() {             @Override             public void onPrepared(MediaPlayer mediaPlayer) {                 mMediaPlayer = mediaPlayer;                   mMediaPlayer.setLooping(true);                   if(mCurren
Read more

Android/Kotlin: Video de fondo en nuestro Login

Image
  Código del Main: class MainActivity : AppCompatActivity() {     protected lateinit var vv_fondo: VideoView     protected lateinit var mMediaPlayer: MediaPlayer     protected var mCurrentVideoPosition: Int = 0     override fun onCreate(savedInstanceState: Bundle?) {         super.onCreate(savedInstanceState)         setContentView(R.layout.activity_main)         vv_fondo = findViewById<VideoView>(R.id.vv_fondo)         val uri = Uri.parse("android.resource://"                                 +packageName                                 +"/"                                 +R.raw.paisaje_fondo)         vv_fondo.setVideoURI(uri)         vv_fondo.start()         vv_fondo.setOnPreparedListener { mp ->             mMediaPlayer = mp             mMediaPlayer.isLooping = true             if(mCurrentVideoPosition != 0){                 mMediaPlayer.seekTo(mCurrentVideoPosition)                 mMediaPlayer.start()             }         }     }     override fun onPa
Read more