Another alternative is to add style=”?android:attr/borderlessButtonStyle” to your Button xml as documented here http://developer.android.com/guide/topics/ui/controls/button.html An example would be <Button android:id=”@+id/button_send” android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”@string/button_send” android:onClick=”sendMessage” style=”?android:attr/borderlessButtonStyle” />
put these in values/colors.xml <resources> <color name=”light_font”>#FBFBFB</color> <color name=”grey_font”>#ff9e9e9e</color> <color name=”text_shadow”>#7F000000</color> <color name=”text_shadow_white”>#FFFFFF</color> </resources> Then in your layout xml here are some example TextView’s Example of Floating text on Light with Dark shadow <TextView android:id=”@+id/txt_example1″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:textSize=”14sp” android:textStyle=”bold” android:textColor=”@color/light_font” android:shadowColor=”@color/text_shadow” android:shadowDx=”1″ android:shadowDy=”1″ android:shadowRadius=”2″ /> Example of Etched text on Light with Dark shadow <TextView … Read more
Check out BoxShadow and BoxDecoration A Container can take a BoxDecoration (going off of the code you had originally posted) which takes a boxShadow return Container( margin: EdgeInsets.only(left: 30, top: 100, right: 30, bottom: 50), height: double.infinity, width: double.infinity, decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.only( topLeft: Radius.circular(10), topRight: Radius.circular(10), bottomLeft: Radius.circular(10), bottomRight: Radius.circular(10) ), boxShadow: … Read more
I’ve been playing around with shadows on Lollipop for a bit and this is what I’ve found: It appears that a parent ViewGroup‘s bounds cutoff the shadow of its children for some reason; and shadows set with android:elevation are cutoff by the View‘s bounds, not the bounds extended through the margin; the right way to … Read more
Yes, you can use the shadow spread property of the box-shadow rule: .myDiv { border: 1px solid #333; width: 100px; height: 100px; box-shadow: 10px 0 5px -2px #888; } <div class=”myDiv”></div> The fourth property there -2px is the shadow spread, you can use it to change the spread of the shadow, making it appear that … Read more